{"id":8,"date":"2025-11-21T10:07:07","date_gmt":"2025-11-21T09:07:07","guid":{"rendered":"https:\/\/physis.srl\/?page_id=8"},"modified":"2025-12-02T09:01:26","modified_gmt":"2025-12-02T08:01:26","slug":"home","status":"publish","type":"page","link":"https:\/\/physis.srl\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n \n \n PHYSIS \u2013 Soluzioni evolute per la sostenibilit\u00e0<\/title>\n <!-- Figtree font -->\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Figtree:wght@400;600;800&display=swap\" rel=\"stylesheet\">\n\n <style>\n :root {\n --primary: #3F7EA7;\n --primary-transparent: #3f7da7dc;\n --accent: #06BF9D;\n --accent-trasparent: #06bf9dbc;\n --bg-nav: #E9FEE2;\n --secondary: #84BFAE;\n --light: #F2F2F2;\n --light-transparent: #f8f8f8dc;\n --background: #fafafa;\n --font-main: 'Figtree', Arial, sans-serif !important;\n }\n\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: var(--font-main) !important;\n }\n\n body {\n margin: 0;\n font-family: var(--font-main) !important;\n background: var(--background);\n color: #222;\n overflow-x: hidden;\n }\n\n body * {\n font-family: var(--font-main) !important;\n }\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n p,\n a,\n span,\n div,\n button,\n input,\n textarea,\n select,\n li,\n ul,\n ol {\n font-family: var(--font-main) !important;\n }\n\n body {\n margin: 0;\n font-family: var(--font-main) !important;\n background: var(--background) !important;\n color: #222;\n overflow-x: hidden;\n }\n\n .navbar {\n background: var(--bg-nav);\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.1rem 1rem;\n position: sticky;\n top: 0;\n z-index: 1000;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n }\n\n .logo {\n width: 105px !important;\n height: 95px !important;\n object-fit: cover;\n border-radius: 8px;\n margin-left: 100px;\n }\n\n .navbar-menu {\n display: flex;\n\n align-items: center;\n gap: 2rem;\n margin-right: 100px;\n }\n\n .navbar-menu a {\n color: black;\n text-decoration: none;\n font-weight: 600;\n background: var(--bg-nav);\n\n font-size: 1rem;\n position: relative;\n transition: color 0.3s;\n }\n\n .navbar-menu a::after {\n content: \"\";\n display: block;\n position: absolute;\n left: 0;\n bottom: -4px;\n width: 0;\n height: 2px;\n background: var(--accent);\n transition: width 0.3s cubic-bezier(.4, 0, .2, 1);\n }\n\n .navbar-menu a:hover {\n color: var(--accent);\n }\n\n .navbar-menu a:hover::after {\n width: 100%;\n }\n\n \/* Hamburger Menu Icon *\/\n .hamburger {\n display: none;\n flex-direction: column;\n cursor: pointer;\n gap: 5px;\n padding: 10px;\n z-index: 1001;\n }\n\n .hamburger span {\n width: 28px;\n height: 3px;\n background: black;\n border-radius: 3px;\n transition: all 0.3s ease;\n }\n\n .hamburger.active span:nth-child(1) {\n transform: rotate(45deg) translate(8px, 8px);\n }\n\n .hamburger.active span:nth-child(2) {\n opacity: 0;\n }\n\n .hamburger.active span:nth-child(3) {\n transform: rotate(-45deg) translate(8px, -8px);\n }\n\n \/* Hero Section *\/\n .hero {\n background: url('http:\/\/physis.srl\/wp-content\/uploads\/2025\/12\/hero-scaled.jpeg') center\/cover no-repeat;\n color: white;\n padding: 8rem 2rem 6rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .hero::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.696);\n z-index: 0;\n }\n\n .bg-services {\n background: url('http:\/\/physis.srl\/wp-content\/uploads\/2025\/12\/servizi-scaled.jpg') center\/cover no-repeat;\n color: white;\n padding: 8rem 2rem 6rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n\n .bg-services::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.673);\n z-index: 0;\n }\n\n .bg-benefit {\n background: url('http:\/\/physis.srl\/wp-content\/uploads\/2025\/12\/benefit-scaled.jpeg') center\/cover no-repeat;\n color: white;\n padding: 8rem 2rem 6rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n\n .bg-benefit::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.672);\n z-index: 0;\n }\n\n .bg-problem {\n background: url('http:\/\/physis.srl\/wp-content\/uploads\/2025\/12\/problem-scaled.jpeg') center\/cover no-repeat;\n color: white;\n padding: 8rem 2rem 6rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n\n .bg-problem::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.666);\n z-index: 0;\n }\n\n .hero-content {\n position: relative;\n z-index: 1;\n max-width: 900px;\n margin: 0 auto;\n }\n\n .hero h1 {\n font-size: 3.5rem;\n font-weight: 800;\n margin-bottom: 1.5rem;\n letter-spacing: 1px;\n animation: fadeInUp 0.8s ease-out;\n color: inherit;\n }\n\n .hero-title {\n font-size: 100px;\n font-weight: 800;\n margin-bottom: 1.5rem;\n letter-spacing: 2px;\n animation: fadeInUp 0.8s ease-out;\n color: inherit;\n line-height: 1.1;\n }\n\n .hero .tagline {\n font-size: 1.4rem;\n font-weight: 400;\n margin-bottom: 2rem;\n opacity: 0.95;\n animation: fadeInUp 0.8s ease-out 0.2s backwards;\n }\n\n .hero .cta-group {\n display: flex;\n gap: 1rem;\n justify-content: center;\n animation: fadeInUp 0.8s ease-out 0.4s backwards;\n }\n\n .btn {\n padding: 1rem 2.5rem;\n border-radius: 8px;\n text-decoration: none;\n font-weight: 600;\n font-size: 1.1rem;\n transition: all 0.3s ease;\n display: inline-block;\n border: 2px solid transparent;\n }\n\n .btn-primary {\n background: white;\n color: var(--primary);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);\n }\n\n .btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15);\n }\n\n .btn-secondary {\n background: var(--primary);\n color: var(--light);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);\n }\n\n .btn-secondary:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15);\n }\n\n .btn-tertiary {\n background: var(--accent);\n color: var(--light);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);\n }\n\n .btn-tertiary:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15);\n }\n\n .btn-outline {\n background: transparent;\n color: white;\n border-color: white;\n }\n\n .btn-outline:hover {\n background: white;\n color: var(--primary);\n }\n\n \/* Section Styles *\/\n .section {\n padding: 5rem 2rem;\n position: relative;\n }\n\n .section-content {\n max-width: 1400px;\n margin: 0 auto;\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n width: 85%;\n }\n\n \/* Schermi Ultra Wide e 4K (2560px+) *\/\n @media (min-width: 2560px) {\n .section-content {\n max-width: 2000px;\n width: 80%;\n }\n\n body {\n font-size: 1.125rem;\n }\n\n .section-title {\n font-size: 3.5rem;\n }\n\n .section-subtitle {\n font-size: 1.5rem;\n max-width: 900px;\n }\n\n .section-label {\n font-size: 1.1rem;\n }\n\n .card-primary .card-title,\n .card-secondary .card-title,\n .card-tertiary .card-title,\n .card-transparent .card-title {\n font-size: 1.8rem;\n }\n\n .card-primary .card-text,\n .card-secondary .card-text,\n .card-tertiary .card-text,\n .card-transparent .card-text {\n font-size: 1.2rem;\n }\n\n .hero h1 {\n font-size: 5rem;\n }\n\n .hero-title {\n font-size: 120px;\n }\n\n .hero .tagline {\n font-size: 1.8rem;\n }\n\n .btn {\n font-size: 1.3rem;\n padding: 1.2rem 3rem;\n }\n\n .metron-logo {\n font-size: 5rem;\n }\n\n .metron-tagline {\n font-size: 2rem;\n }\n\n .value-title {\n font-size: 1.6rem;\n }\n\n .navbar-menu a {\n font-size: 1.2rem;\n }\n\n .logo {\n width: 64px;\n height: 64px;\n }\n\n .stat-number {\n font-size: 4rem;\n }\n\n .stat-label {\n font-size: 1.4rem;\n }\n }\n\n \/* Schermi XL (1920px - 2559px) *\/\n @media (min-width: 1920px) and (max-width: 2559px) {\n .section-content {\n max-width: 1600px;\n width: 82%;\n }\n\n body {\n font-size: 1.0625rem;\n }\n\n .section-title {\n font-size: 3.2rem;\n }\n\n .section-subtitle {\n font-size: 1.35rem;\n max-width: 800px;\n }\n\n .card-primary .card-title,\n .card-secondary .card-title,\n .card-tertiary .card-title,\n .card-transparent .card-title {\n font-size: 1.6rem;\n }\n\n .card-primary .card-text,\n .card-secondary .card-text,\n .card-tertiary .card-text,\n .card-transparent .card-text {\n font-size: 1.1rem;\n }\n\n .hero h1 {\n font-size: 4.5rem;\n }\n\n .hero-title {\n font-size: 110px;\n }\n\n .hero .tagline {\n font-size: 1.6rem;\n }\n\n .btn {\n font-size: 1.2rem;\n padding: 1.1rem 2.8rem;\n }\n }\n\n \/* Schermi Large (1440px - 1919px) *\/\n @media (min-width: 1440px) and (max-width: 1919px) {\n .section-content {\n max-width: 1400px;\n width: 85%;\n }\n\n .section-title {\n font-size: 3rem;\n }\n\n .section-subtitle {\n font-size: 1.25rem;\n }\n\n .hero-title {\n font-size: 95px;\n }\n }\n\n \/* Schermi Medium (1200px - 1439px) *\/\n @media (min-width: 1200px) and (max-width: 1439px) {\n .section-content {\n max-width: 1200px;\n width: 90%;\n }\n\n .section-title {\n font-size: 2.6rem;\n }\n\n .section-subtitle {\n font-size: 1.15rem;\n }\n\n .hero h1 {\n font-size: 3.8rem;\n }\n\n .hero-title {\n font-size: 85px;\n }\n }\n\n \/* Tablet e Schermi Medi (768px - 1199px) *\/\n @media (min-width: 768px) and (max-width: 1199px) {\n .section-content {\n max-width: 100%;\n width: 95%;\n }\n\n .section {\n padding: 4rem 1.5rem;\n }\n\n .section-title {\n font-size: 2.2rem;\n }\n\n .section-subtitle {\n font-size: 1.1rem;\n }\n\n .card-primary .card-title,\n .card-secondary .card-title,\n .card-tertiary .card-title,\n .card-transparent .card-title {\n font-size: 1.3rem;\n }\n\n .card-primary .card-text,\n .card-secondary .card-text,\n .card-tertiary .card-text,\n .card-transparent .card-text {\n font-size: 0.95rem;\n }\n\n .hero h1 {\n font-size: 3rem;\n }\n\n .hero-title {\n font-size: 75px;\n }\n\n .hero .tagline {\n font-size: 1.25rem;\n }\n\n .btn {\n font-size: 1rem;\n padding: 0.9rem 2rem;\n }\n\n .cards-grid {\n grid-template-columns: 1fr !important;\n }\n\n .cards-grid> :last-child:nth-child(odd) {\n grid-column: span 1 !important;\n justify-self: stretch;\n }\n\n .metron-features {\n grid-template-columns: 1fr !important;\n }\n\n .navbar {\n flex-direction: row;\n padding: 1rem;\n }\n\n .navbar-menu {\n gap: 1.5rem;\n }\n }\n\n \/* Mobile (480px - 767px) *\/\n @media (min-width: 480px) and (max-width: 767px) {\n .section-content {\n width: 100%;\n padding: 0 1rem;\n }\n\n .section {\n padding: 3rem 1rem;\n }\n\n .section-title {\n font-size: 1.8rem;\n }\n\n .section-subtitle {\n font-size: 1rem;\n }\n\n .section-label {\n font-size: 0.85rem;\n }\n\n .card-primary .card-title,\n .card-secondary .card-title,\n .card-tertiary .card-title,\n .card-transparent .card-title {\n font-size: 1.2rem;\n }\n\n .card-primary .card-text,\n .card-secondary .card-text,\n .card-tertiary .card-text,\n .card-transparent .card-text {\n font-size: 0.9rem;\n }\n\n .hero h1 {\n font-size: 2.5rem;\n }\n\n .hero-title {\n font-size: 65px;\n }\n\n .hero .tagline {\n font-size: 1.1rem;\n }\n\n .hero {\n min-height: 80vh;\n padding: 4rem 1rem;\n }\n\n .btn {\n font-size: 0.95rem;\n padding: 0.85rem 1.8rem;\n }\n\n .metron-logo {\n font-size: 2.5rem;\n }\n\n .metron-logo-container {\n width: 60px;\n height: 60px;\n }\n\n .metron-logo-img {\n width: 60px;\n height: 60px;\n scale: 1.59;\n }\n\n .metron-header {\n gap: 15px;\n }\n\n .metron-tagline {\n font-size: 1.2rem;\n }\n\n .value-title {\n font-size: 1.1rem;\n }\n\n .navbar {\n flex-direction: column;\n padding: 0.8rem;\n gap: 0.8rem;\n }\n\n .logo {\n width: 40px;\n height: 40px;\n }\n\n .navbar-menu {\n gap: 1rem;\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .navbar-menu a {\n font-size: 0.9rem;\n }\n\n .cards-grid {\n grid-template-columns: 1fr !important;\n gap: 1.5rem;\n }\n\n .cards-grid> :last-child:nth-child(odd) {\n grid-column: span 1 !important;\n justify-self: stretch;\n }\n\n .values-grid {\n grid-template-columns: 1fr !important;\n gap: 1rem;\n }\n\n .metron-feature {\n min-height: 200px;\n padding: 2rem 0;\n justify-content: flex-start;\n }\n\n .metron-feature-content {\n max-width: 60%;\n width: 60%;\n padding-left: 2rem;\n padding-right: 1rem;\n }\n\n .metron-feature h4 {\n font-size: 1.4rem;\n }\n\n .metron-feature p {\n font-size: 0.95rem;\n }\n\n .metron-mockup {\n margin: 1.5rem auto;\n }\n\n .metron-mockup img {\n border-radius: 8px;\n }\n }\n\n \/* Mobile Piccoli (max 479px) *\/\n @media (max-width: 479px) {\n .section-content {\n width: 100%;\n padding: 0 0.8rem;\n }\n\n .section {\n padding: 2.5rem 0.8rem;\n }\n\n .section-title {\n font-size: 1.6rem;\n }\n\n .section-subtitle {\n font-size: 0.95rem;\n }\n\n .section-label {\n font-size: 0.8rem;\n letter-spacing: 1.5px;\n }\n\n .card-primary .card-title,\n .card-secondary .card-title,\n .card-tertiary .card-title,\n .card-transparent .card-title {\n font-size: 1.1rem;\n }\n\n .card-primary .card-text,\n .card-secondary .card-text,\n .card-tertiary .card-text,\n .card-transparent .card-text {\n font-size: 0.85rem;\n }\n\n .card-primary,\n .card-secondary,\n .card-tertiary,\n .card-transparent {\n padding: 1.5rem;\n }\n\n .hero h1 {\n font-size: 2rem;\n }\n\n .hero-title {\n font-size: 50px;\n }\n\n .hero .tagline {\n font-size: 1rem;\n }\n\n .hero {\n min-height: 70vh;\n padding: 3rem 0.8rem;\n }\n\n .btn {\n font-size: 0.9rem;\n padding: 0.75rem 1.5rem;\n }\n\n .hero .cta-group {\n flex-direction: column;\n gap: 0.8rem;\n }\n\n .metron-logo {\n font-size: 2rem;\n }\n\n .metron-logo-container {\n width: 50px;\n height: 50px;\n }\n\n .metron-logo-img {\n width: 50px;\n height: 50px;\n scale: 1.59;\n }\n\n .metron-header {\n gap: 12px;\n }\n\n .metron-tagline {\n font-size: 1.1rem;\n }\n\n .metron-feature {\n min-height: 180px;\n padding: 1.5rem 0;\n background-position: center right;\n justify-content: flex-start;\n }\n\n .metron-feature::before {\n background: linear-gradient(to right, rgba(63, 126, 167, 0.98) 0%, rgba(63, 126, 167, 0.90) 60%, transparent 100%);\n }\n\n .metron-feature-content {\n max-width: 80%;\n width: 80%;\n padding-left: 1rem;\n padding-right: 0.5rem;\n }\n\n .metron-feature h4 {\n font-size: 1.2rem;\n }\n\n .metron-feature p {\n font-size: 0.9rem;\n }\n\n .metron-mockup {\n margin: 1.5rem auto;\n }\n\n .metron-mockup img {\n border-radius: 8px;\n transform: perspective(1000px) rotateX(0deg);\n }\n\n .value-title {\n font-size: 1rem;\n }\n\n .value-card {\n padding: 1.5rem 1rem;\n }\n\n .navbar {\n padding: 0.6rem;\n gap: 0.6rem;\n }\n\n .logo {\n width: 36px;\n height: 36px;\n }\n\n .navbar-menu {\n gap: 0.8rem;\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .navbar-menu a {\n font-size: 0.85rem;\n }\n\n .cards-grid {\n grid-template-columns: 1fr !important;\n gap: 1.2rem;\n }\n\n .cards-grid> :last-child:nth-child(odd) {\n grid-column: span 1 !important;\n justify-self: stretch;\n }\n\n .values-grid {\n grid-template-columns: 1fr !important;\n gap: 0.8rem;\n }\n\n .metron-features {\n grid-template-columns: 1fr !important;\n }\n\n .stat-number {\n font-size: 2.5rem;\n }\n\n .stat-label {\n font-size: 1rem;\n }\n\n .footer-links {\n flex-direction: column;\n gap: 1rem;\n }\n }\n\n .section-content.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n .section.bg-white {\n background: white;\n }\n\n .section.bg-light {\n background: var(--light);\n background-image:\n radial-gradient(circle at 20% 50%, rgba(63, 125, 167, 0.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, rgba(132, 191, 174, 0.088) 0%, transparent 50%),\n radial-gradient(circle at 40% 20%, rgba(6, 191, 157, 0.032) 0%, transparent 40%),\n radial-gradient(circle at 90% 30%, rgba(63, 125, 167, 0.078) 0%, transparent 45%),\n radial-gradient(circle at 10% 90%, rgba(132, 191, 174, 0.069) 0%, transparent 40%);\n position: relative;\n }\n\n .section.bg-primary {\n background: var(--primary);\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 3rem;\n }\n\n .section-label {\n color: var(--accent);\n font-size: 0.9rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 0.5rem;\n }\n\n .section-title {\n color: var(--primary);\n font-size: 2.8rem;\n font-weight: 800;\n margin-bottom: 1rem;\n }\n\n .section-subtitle {\n color: #666;\n font-size: 1.2rem;\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.6;\n }\n\n \/* Cards Grid *\/\n .cards-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n margin-top: 3rem;\n }\n\n .cards-grid> :last-child:nth-child(odd) {\n grid-column: span 2;\n justify-self: center;\n }\n\n \/* Card Base Styles *\/\n .card-primary,\n .card-secondary,\n .card-tertiary,\n .card-transparent {\n border-radius: 12px;\n padding: 2rem;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n .card-primary::before,\n .card-secondary::before,\n .card-tertiary::before,\n .card-transparent::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 100%;\n transform: scaleY(0);\n transition: transform 0.3s ease;\n }\n\n .card-primary:hover,\n .card-secondary:hover,\n .card-tertiary:hover,\n .card-transparent:hover {\n transform: translateY(-4px);\n }\n\n .card-primary:hover::before,\n .card-secondary:hover::before,\n .card-tertiary:hover::before,\n .card-transparent:hover::before {\n transform: scaleY(1);\n }\n\n \/* Card Primary - Primary background, Light text *\/\n .card-primary {\n background: var(--primary);\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .card-primary::before {\n background: var(--light);\n }\n\n .card-primary:hover {\n box-shadow: 0 8px 24px rgba(63, 126, 167, 0.3);\n }\n\n .card-primary .card-title {\n color: var(--light);\n font-size: 1.4rem;\n font-weight: 700;\n margin-bottom: 0.8rem;\n }\n\n .card-primary .card-text {\n color: var(--light);\n line-height: 1.6;\n font-size: 1rem;\n opacity: 0.95;\n }\n\n \/* Card Secondary - Accent background, Light text *\/\n .card-secondary {\n background: var(--accent-trasparent);\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n .card-secondary::before {\n background: var(--light);\n }\n\n .card-secondary:hover {\n box-shadow: 0 8px 24px rgba(6, 191, 157, 0.3);\n }\n\n .card-secondary .card-title {\n color: var(--light);\n font-size: 1.4rem;\n font-weight: 700;\n margin-bottom: 0.8rem;\n }\n\n .card-secondary .card-text {\n color: var(--light);\n line-height: 1.6;\n font-size: 1rem;\n opacity: 0.95;\n }\n\n \/* Card Tertiary - Light background, Primary text *\/\n .card-tertiary {\n background: var(--light-transparent);\n border: 1px solid rgba(63, 126, 167, 0.1);\n }\n\n .card-tertiary::before {\n background: var(--accent);\n }\n\n .card-tertiary:hover {\n box-shadow: 0 8px 24px rgba(63, 126, 167, 0.12);\n }\n\n .card-tertiary .card-title {\n color: var(--primary);\n font-size: 1.4rem;\n font-weight: 700;\n margin-bottom: 0.8rem;\n }\n\n .card-tertiary .card-text {\n color: #555;\n line-height: 1.6;\n font-size: 1rem;\n }\n\n \/* Card Transparent - Almost transparent dark background, Light text *\/\n .card-transparent {\n background: rgba(0, 0, 0, 0.622);\n border: 1px solid rgba(255, 255, 255, 0.2);\n\n }\n\n .card-transparent::before {\n background: var(--accent);\n }\n\n .card-transparent:hover {\n box-shadow: 0 8px 24px rgba(63, 126, 167, 0.3);\n }\n\n .card-transparent .card-title {\n color: var(--light);\n font-size: 1.4rem;\n font-weight: 700;\n margin-bottom: 0.8rem;\n }\n\n .card-transparent .card-text {\n color: var(--light);\n line-height: 1.6;\n font-size: 1rem;\n opacity: 0.95;\n }\n\n \/* Values Grid *\/\n .values-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 0.7rem;\n margin-top: 3rem;\n }\n\n .value-card {\n background: #06bf9d09;\n border: 2px solid var(--secondary);\n border-radius: 12px;\n padding: 2rem 1.5rem;\n text-align: center;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n .value-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(6, 191, 157, 0.1), transparent);\n transition: left 0.5s ease;\n }\n\n .value-card:hover {\n border-color: var(--accent);\n transform: translateY(-4px);\n box-shadow: 0 8px 20px rgba(6, 191, 157, 0.15);\n }\n\n .value-card:hover::before {\n left: 100%;\n }\n\n .value-icon {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n }\n\n .value-title {\n color: var(--primary);\n font-size: 1.3rem;\n font-weight: 700;\n }\n\n \/* Stats Section *\/\n .stats {\n background: var(--primary);\n color: white;\n padding: 4rem 2rem;\n text-align: center;\n }\n\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 3rem;\n max-width: 1100px;\n margin: 0 auto;\n }\n\n .stat-item {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n }\n\n .stat-item.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n .stat-number {\n font-size: 3rem;\n font-weight: 800;\n color: var(--accent);\n margin-bottom: 0.5rem;\n }\n\n .stat-label {\n font-size: 1.1rem;\n opacity: 0.9;\n }\n\n \/* METRON Highlight *\/\n .metron-highlight {\n background: linear-gradient(135deg, rgba(63, 125, 167, 0.973), rgba(63, 125, 167, 0.988)),\n url('http:\/\/physis.srl\/wp-content\/uploads\/2025\/12\/metron-bg-scaled.jpeg') center\/cover no-repeat;\n background-attachment: scroll;\n color: white;\n padding: 5rem 2rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n\n .metron-highlight::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(6, 191, 157, 0.1) 0%, transparent 50%);\n pointer-events: none;\n }\n\n .metron-content-wrapper {\n position: relative;\n z-index: 1;\n }\n\n .metron-mockup {\n max-width: 900px;\n margin: 3rem auto;\n position: relative;\n }\n\n .metron-mockup img {\n width: 100%;\n border-radius: 16px;\n box-shadow: 0 25px 80px rgba(0, 0, 0, 0.4), 0 10px 30px rgba(0, 0, 0, 0.3);\n border: 3px solid rgba(255, 255, 255, 0.2);\n transform: perspective(1000px) rotateX(2deg);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .metron-mockup img:hover {\n transform: perspective(1000px) rotateX(0deg) translateY(-10px);\n box-shadow: 0 30px 100px rgba(0, 0, 0, 0.5), 0 15px 40px rgba(0, 0, 0, 0.4);\n }\n\n .metron-logo {\n font-size: 4rem;\n font-weight: 800;\n margin-bottom: 1rem;\n letter-spacing: 4px;\n }\n\n .metron-header {\n padding-bottom: 20px;\n display: flex;\n gap: 20px;\n align-items: center;\n margin: 0 auto;\n justify-content: center;\n }\n\n .metron-logo-container {\n width: 90px;\n height: 90px;\n position: relative;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 100%;\n flex-shrink: 0;\n }\n\n .metron-logo-img {\n width: 90px;\n height: 90px;\n scale: 1.59;\n border-radius: 100%;\n object-fit: cover;\n }\n\n .metron-tagline {\n font-size: 1.5rem;\n margin-bottom: 2rem;\n opacity: 0.95;\n }\n\n \/* Pricing Cards *\/\n .pricing-container {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n margin-top: 3rem;\n max-width: 1200px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .pricing-card {\n background: rgba(255, 255, 255, 0.05);\n border: 2px solid rgba(255, 255, 255, 0.1);\n border-radius: 16px;\n padding: 2.5rem 2rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n transition: all 0.3s ease;\n cursor: pointer;\n }\n\n .pricing-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: var(--accent);\n transform: scaleX(0);\n transition: transform 0.3s ease;\n }\n\n .pricing-card:hover {\n transform: translateY(-10px);\n border-color: var(--accent);\n box-shadow: 0 20px 60px rgba(6, 191, 157, 0.3);\n }\n\n .pricing-card:hover::before {\n transform: scaleX(1);\n }\n\n .pricing-badge {\n display: inline-block;\n background: var(--accent);\n color: white;\n padding: 0.5rem 1rem;\n border-radius: 20px;\n font-size: 0.85rem;\n font-weight: 700;\n margin-bottom: 1rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .pricing-title {\n font-size: 2rem;\n font-weight: 800;\n color: var(--light);\n margin-bottom: 0.5rem;\n }\n\n .pricing-subtitle {\n font-size: 1rem;\n color: var(--light);\n opacity: 0.8;\n margin-bottom: 0;\n min-height: 48px;\n }\n\n \/* Chi Siamo Mission\/Vision Cards *\/\n .mission-vision-container {\n display: flex;\n flex-direction: column;\n gap: 0;\n margin: 3rem 0 0 0;\n width: 100%;\n }\n\n .mission-vision-card {\n position: relative;\n min-height: 300px;\n padding: 3rem;\n border-radius: 0;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n background-size: cover;\n background-position: right center;\n background-repeat: no-repeat;\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n }\n\n .mission-vision-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(to right, rgba(0, 0, 0, 0.95) 0%, rgba(63, 126, 167, 0.85) 50%, transparent 100%);\n z-index: 0;\n }\n\n .mission-vision-content {\n position: relative;\n z-index: 1;\n max-width: 50%;\n width: 50%;\n color: var(--light);\n margin: 0;\n padding-left: max(2rem, calc((100vw - 1300px) \/ 2));\n padding-right: 2rem;\n text-align: left;\n }\n\n .mission-vision-card h3 {\n font-size: 2rem;\n margin-bottom: 1rem;\n color: var(--light);\n font-weight: 700;\n word-wrap: break-word;\n }\n\n .mission-vision-card p {\n font-size: 1.1rem;\n line-height: 1.7;\n color: var(--light);\n opacity: 0.95;\n word-wrap: break-word;\n }\n\n .metron-features {\n display: flex;\n flex-direction: column;\n gap: 0;\n margin: 3rem 0;\n width: 100%;\n }\n\n .metron-feature {\n position: relative;\n min-height: 250px;\n padding: 3rem;\n border-radius: 0;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n background-size: cover;\n background-position: right center;\n background-repeat: no-repeat;\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n }\n\n .metron-feature::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(to right, rgba(0, 0, 0, 0.95) 0%, rgba(63, 126, 167, 0.85) 50%, transparent 100%);\n z-index: 0;\n }\n\n .metron-feature-content {\n position: relative;\n z-index: 1;\n max-width: 50%;\n width: 50%;\n color: var(--light);\n margin: 0;\n padding-left: max(2rem, calc((100vw - 1300px) \/ 2));\n padding-right: 2rem;\n text-align: left;\n }\n\n .metron-feature h4 {\n font-size: 1.8rem;\n margin-bottom: 1rem;\n color: var(--light);\n font-weight: 700;\n word-wrap: break-word;\n }\n\n .metron-feature p {\n font-size: 1.05rem;\n line-height: 1.6;\n color: var(--light);\n opacity: 0.95;\n word-wrap: break-word;\n }\n\n \/* Footer *\/\n footer {\n background: var(--primary);\n color: white;\n padding: 3rem 2rem 2rem;\n text-align: center;\n }\n\n .footer-content {\n max-width: 1100px;\n margin: 0 auto;\n }\n\n .footer-links {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n flex-wrap: wrap;\n }\n\n .footer-links a {\n color: white;\n text-decoration: none;\n font-weight: 600;\n transition: color 0.3s;\n }\n\n .footer-links a:hover {\n color: var(--accent);\n }\n\n .footer-bottom {\n border-top: 1px solid rgba(255, 255, 255, 0.2);\n padding-top: 1.5rem;\n margin-top: 2rem;\n opacity: 0.8;\n }\n\n \/* Animations *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Mobile Responsive *\/\n @media (max-width: 768px) {\n .navbar {\n padding: 1rem;\n flex-wrap: wrap;\n }\n\n .logo {\n width: 60px;\n height: 60px;\n margin-left: 0;\n }\n\n .hamburger {\n display: flex;\n margin-left: auto;\n }\n\n .navbar-menu {\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n width: 100%;\n background: var(--background);\n flex-direction: column;\n align-items: center;\n gap: 0;\n margin-right: 0;\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease, box-shadow 0.3s ease;\n box-shadow: none;\n }\n\n .navbar-menu.active {\n max-height: 400px;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\n }\n\n .navbar-menu a {\n font-size: 1.1rem;\n padding: 1rem 1.5rem;\n width: 100%;\n text-align: center;\n border-bottom: 1px solid rgba(63, 126, 167, 0.1);\n }\n\n .navbar-menu a:last-child {\n border-bottom: none;\n }\n\n .hero h1 {\n font-size: 2.5rem;\n }\n\n .hero-title {\n font-size: 60px;\n }\n\n .hero .tagline {\n font-size: 1.1rem;\n }\n\n .hero .cta-group {\n flex-direction: column;\n align-items: center;\n }\n\n .section-title {\n font-size: 2rem;\n }\n\n .cards-grid,\n .values-grid {\n grid-template-columns: 1fr !important;\n }\n\n .cards-grid> :last-child:nth-child(odd) {\n grid-column: span 1 !important;\n justify-self: stretch;\n }\n\n .cards-grid[style] {\n grid-template-columns: 1fr !important;\n }\n\n .metron-features {\n grid-template-columns: 1fr !important;\n }\n\n .metron-features[style] {\n grid-template-columns: 1fr !important;\n }\n\n .metron-logo {\n font-size: 2.5rem;\n }\n\n .metron-logo-container {\n width: 60px;\n height: 60px;\n }\n\n .metron-logo-img {\n width: 60px;\n height: 60px;\n scale: 1.59;\n }\n\n .metron-header {\n gap: 15px;\n }\n\n .metron-tagline {\n font-size: 1.2rem;\n }\n\n .metron-feature {\n min-height: 200px;\n padding: 2rem 0;\n justify-content: flex-start;\n }\n\n .metron-feature-content {\n max-width: 60%;\n width: 60%;\n padding-left: 2rem;\n padding-right: 1rem;\n }\n\n .metron-feature h4 {\n font-size: 1.5rem;\n }\n\n .metron-feature p {\n font-size: 1rem;\n }\n\n .metron-mockup {\n margin: 2rem auto;\n }\n\n .metron-mockup img {\n border-radius: 12px;\n box-shadow: 0 15px 50px rgba(0, 0, 0, 0.4);\n }\n\n .metron-highlight {\n background-attachment: scroll;\n }\n\n .mission-vision-card {\n min-height: 250px;\n padding: 2rem;\n justify-content: flex-start;\n }\n\n .mission-vision-content {\n max-width: 60%;\n width: 60%;\n padding-left: 0rem;\n padding-right: 1rem;\n }\n\n .mission-vision-card h3 {\n font-size: 1.6rem;\n }\n\n .mission-vision-card p {\n font-size: 1rem;\n }\n\n .pricing-container {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n\n .pricing-title {\n font-size: 1.5rem;\n }\n\n .pricing-subtitle {\n font-size: 0.9rem;\n min-height: auto;\n }\n\n .pricing-feature {\n font-size: 0.9rem;\n }\n }\n\n @media (min-width: 769px) and (max-width: 1199px) {\n .pricing-container {\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n }\n\n .pricing-title {\n font-size: 1.75rem;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n <!-- Navbar -->\n <nav class=\"navbar\">\n <img decoding=\"async\" src=\"http:\/\/physis.srl\/wp-content\/uploads\/2025\/12\/logo_base.png\" alt=\"PHYSIS Logo\" class=\"logo\">\n <div class=\"hamburger\" id=\"hamburger\">\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <\/div>\n <div class=\"navbar-menu\" id=\"navbarMenu\">\n <a href=\"#chi-siamo\">Chi siamo<\/a>\n <a href=\"#servizi\">Servizi<\/a>\n <a href=\"#valori\">Valori<\/a>\n <a href=\"#metron\">METRON<\/a>\n <a href=\"#contatti\">Contatti<\/a>\n <\/div>\n <\/nav>\n\n <!-- Hero Section -->\n <section class=\"hero\">\n <div class=\"hero-content\">\n <h1 class=\"hero-title\">PHYSIS<\/h1>\n <p class=\"tagline\">Soluzioni evolute per la sostenibilit\u00e0<\/p>\n <div class=\"cta-group\">\n <a href=\"#metron\" class=\"btn btn-secondary\">Scopri METRON<\/a>\n <a href=\"#contatti\" class=\"btn btn-tertiary\">Contattaci<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Chi Siamo -->\n <section id=\"chi-siamo\" class=\"section bg-white\" style=\"padding-bottom: 0;\">\n <div class=\"section-content\">\n <div class=\"section-header\">\n <div class=\"section-label\">Chi siamo<\/div>\n <h2 class=\"section-title\">PHYSIS<\/h2>\n <p class=\"section-subtitle\">PHYSIS \u00e8 una Societ\u00e0 Benefit che fornisce soluzioni digitali avanzate per la\n gestione dei processi e delle risorse aziendali. La nostra missione \u00e8 accompagnare le imprese in un percorso\n di trasformazione responsabile e sostenibile, generando valore per persone, comunit\u00e0, territorio e ambiente.\n <\/p>\n <\/div>\n <p style=\"font-size: 1.05rem; line-height: 1.75; color: #696969; margin-bottom: 3rem; text-align: center;\">PHYSIS\n nasce dall'incontro\n di professionalit\u00e0 diverse e complementari: competenze tecnologiche, gestionali, ambientali e organizzative che\n si uniscono per un'unica missione \u2013 supportare le aziende nel diventare pi\u00f9 efficienti, competitive e\n sostenibili. Questo approccio multidisciplinare ci consente di affrontare i bisogni delle imprese da pi\u00f9\n prospettive, offrendo soluzioni integrate e concrete.<\/p>\n\n <div class=\"mission-vision-container\">\n <div class=\"mission-vision-card\"\n style=\"background-image: url('http:\/\/physis.srl\/wp-content\/uploads\/2025\/12\/mission-scaled.jpeg');\">\n <div class=\"mission-vision-content\">\n <h3>Mission<\/h3>\n <p>Portare sul mercato le migliori tecnologie ed esperienze per la condivisione delle\n informazioni ESG, crescere assieme ai nostri clienti e collaboratori per un futuro sostenibile.<\/p>\n <\/div>\n <\/div>\n <div class=\"mission-vision-card\"\n style=\"background-image: url('http:\/\/physis.srl\/wp-content\/uploads\/2025\/12\/vision-scaled.jpeg');\">\n <div class=\"mission-vision-content\">\n <h3>Vision<\/h3>\n <p>PHYSIS immagina un futuro sostenibile in cui per tutti e per le aziende sia pi\u00f9 facile\n collaborare grazie ad una migliore gestione delle risorse e condivisione delle informazioni.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/section>\n\n <!-- Societ\u00e0 Benefit -->\n <section id=\"benefit\" class=\"section bg-benefit\">\n <div class=\"section-content\">\n\n <div class=\"section-header\">\n <div class=\"section-label\">Societ\u00e0 Benefit<\/div>\n <h3 class=\"section-title\" style=\" color:var(--light)\">Le nostre finalit\u00e0<\/h3>\n <\/div>\n <div class=\"cards-grid\">\n <div class=\"card-transparent\">\n <h3 class=\"card-title\">Ecosistema<\/h3>\n <p class=\"card-text\">Promozione e sviluppo di un ecosistema dove sia pi\u00f9 facile collaborare tramite la\n condivisione delle informazioni, con l'obiettivo di crescere insieme ai clienti attraverso la fornitura di\n soluzioni evolute per la gestione della raccolta dei dati utili a favorire lo sviluppo sostenibile<\/p>\n <\/div>\n <div class=\"card-transparent\">\n <h3 class=\"card-title\">Sensibilizzazione<\/h3>\n <p class=\"card-text\">Promozione e sviluppo sostenibile attraverso iniziative di sensibilizzazione ai temi\n della sostenibilit\u00e0 degli stakeholder attraverso attivit\u00e0 di divulgazione e coinvolgimento<\/p>\n <\/div>\n <div class=\"card-transparent\">\n <h3 class=\"card-title\">Digitalizzazione<\/h3>\n <p class=\"card-text\">Promozione della trasformazione digitale quale mezzo per ottimizzare l'utilizzo delle\n risorse tramite l'innovazione digitale<\/p>\n <\/div>\n <div class=\"card-transparent\">\n <h3 class=\"card-title\">Territorio<\/h3>\n <p class=\"card-text\">Favorire lo sviluppo della comunit\u00e0 e del territorio locale tramite iniziative congiunte\n con altri soggetti con medesimo allineamento di scopo e di intenti, a sviluppare o sostenere progetti di\n impatto sociale e\/o ambientale<\/p>\n <\/div>\n <div class=\"card-transparent\">\n <h3 class=\"card-title\">Collaboratori<\/h3>\n <p class=\"card-text\">Creare un ambiente di lavoro positivo, inclusivo e attento al benessere dei\n collaboratori, favorire la crescita attraverso lo sviluppo delle potenzialit\u00e0 accrescendo il senso di\n appartenenza<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Stats -->\n <section class=\"stats\" style=\"background-color: #222;\">\n <div class=\"stats-grid\">\n <div class=\"stat-item\">\n <div class=\"stat-number\">100%<\/div>\n <div class=\"stat-label\">Societ\u00e0 Benefit<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">360\u00b0<\/div>\n <div class=\"stat-label\">Approccio Multidisciplinare<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">ESG<\/div>\n <div class=\"stat-label\">Sostenibilit\u00e0 al Centro<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">AI<\/div>\n <div class=\"stat-label\">Tecnologia Avanzata<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Valori -->\n <section id=\"valori\" class=\"section bg-light\">\n <div class=\"section-content\">\n <div class=\"section-header\">\n <div class=\"section-label\">I valori che ci orientano<\/div>\n <h2 class=\"section-title\">I nostri valori<\/h2>\n <\/div>\n <div class=\"values-grid\">\n <div class=\"value-card\">\n <div class=\"value-title\">Crescita Responsabile<\/div>\n <p style=\"font-size: 0.9rem; color: var(--primary); margin-top: 0.5rem;\">Generare valore duraturo per aziende,\n persone e\n ambiente<\/p>\n <\/div>\n <div class=\"value-card\">\n <div class=\"value-title\">Innovazione Sostenibile<\/div>\n <p style=\"font-size: 0.9rem; color: var(--primary); margin-top: 0.5rem;\">Sviluppare tecnologie che migliorano\n i processi\n riducendo l'impatto ambientale<\/p>\n <\/div>\n <div class=\"value-card\">\n <div class=\"value-title\">Fiducia<\/div>\n <p style=\"font-size: 0.9rem; color: var(--primary); margin-top: 0.5rem;\">Costruire relazioni solide basate su\n seriet\u00e0 e\n trasparenza<\/p>\n <\/div>\n <div class=\"value-card\">\n <div class=\"value-title\">Trasparenza<\/div>\n <p style=\"font-size: 0.9rem; color: var(--primary); margin-top: 0.5rem;\">Garantire chiarezza nella gestione\n dei dati e\n nei rapporti con gli stakeholder<\/p>\n <\/div>\n <div class=\"value-card\">\n <div class=\"value-title\">Appartenenza<\/div>\n <p style=\"font-size: 0.9rem; color: var(--primary); margin-top: 0.5rem;\">Creare un ecosistema collaborativo in\n cui\n persone e aziende possano crescere insieme<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Servizi -->\n <section id=\"servizi\" class=\"section bg-services\">\n <div class=\"section-content\">\n <div class=\"section-header\">\n <div class=\"section-label\">I nostri servizi<\/div>\n <h2 class=\"section-title\" style=\"color:var(--light)\">Soluzioni digitali integrate<\/h2>\n <p class=\"section-subtitle\" style=\"color:var(--light)\">PHYSIS non si limita a offrire strumenti tecnologici:\n costruiamo con le imprese\n percorsi di innovazione e sostenibilit\u00e0<\/p>\n <\/div>\n <div class=\"cards-grid\">\n <div class=\"card-transparent\">\n <h3 class=\"card-title\">Gestione e rendicontazione ESG<\/h3>\n <p class=\"card-text\">Raccolta, analisi e condivisione di dati ambientali, sociali e di governance. Piattaforme\n per la creazione di report ESG conformi alle normative. Utilizzo dell'intelligenza artificiale per correlare\n i dati e generare insight strategici.<\/p>\n <\/div>\n <div class=\"card-transparent\">\n <h3 class=\"card-title\">Efficienza energetica e processi aziendali<\/h3>\n <p class=\"card-text\">Monitoraggio dei consumi di energia, acqua e gas con soluzioni dedicate come METRON.\n Analisi dei costi e individuazione degli sprechi. AI per prevedere anomalie e proporre ottimizzazioni\n automatiche.<\/p>\n <\/div>\n <div class=\"card-transparent\">\n <h3 class=\"card-title\">Digitalizzazione e Industria 4.0<\/h3>\n <p class=\"card-text\">Integrazione con sistemi ERP e MES aziendali. Automazione dei processi e utilizzo di\n algoritmi di machine learning per prevenire inefficienze. Accesso a incentivi e crediti d'imposta previsti\n dal piano Industria 4.0.<\/p>\n <\/div>\n <div class=\"card-transparent\">\n <h3 class=\"card-title\">Industry 5.0<\/h3>\n <p class=\"card-text\">Soluzioni che mettono al centro collaborazione uomo-macchina. Tecnologie per la\n produzione sostenibile, con attenzione al benessere delle persone e alla riduzione degli sprechi.\n Applicazioni di AI e robotica collaborativa per processi pi\u00f9 intelligenti, personalizzati e sostenibili.<\/p>\n <\/div>\n <div class=\"card-transparent\">\n <h3 class=\"card-title\">Intelligenza Artificiale<\/h3>\n <p class=\"card-text\">Analisi predittiva dei dati per anticipare trend, rischi e opportunit\u00e0. Ottimizzazione\n dei flussi produttivi e gestionali con modelli di machine learning. Supporto decisionale per manager e\n imprenditori attraverso dashboard intelligenti.<\/p>\n <\/div>\n <div class=\"card-transparent\">\n <h3 class=\"card-title\">Compliance normativa e governance<\/h3>\n <p class=\"card-text\">Adeguamento alle normative ESG e ambientali. Monitoraggio e sistemi di alert per ridurre\n i rischi. AI per identificare automaticamente aree critiche di non conformit\u00e0.<\/p>\n <\/div>\n <div class=\"card-transparent\">\n <h3 class=\"card-title\">Progetti di impatto sociale e territoriale<\/h3>\n <p class=\"card-text\">Collaborazioni con enti, associazioni e istituzioni per sviluppare iniziative a valore\n sociale e ambientale. Sostegno a progetti di comunit\u00e0 in linea con gli obiettivi di sostenibilit\u00e0.\n Promozione della cultura della responsabilit\u00e0 sociale d'impresa.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- METRON Highlight -->\n <section id=\"metron\" class=\"metron-highlight\">\n <div class=\"section-content metron-content-wrapper\">\n <div class=\"metron-header\">\n <div class=\"metron-logo-container\">\n <img decoding=\"async\" src=\"http:\/\/physis.srl\/wp-content\/uploads\/2025\/11\/metron.jpeg\" class=\"metron-logo-img\" alt=\"METRON Logo\">\n <\/div>\n <div class=\"metron-logo\">METRON<\/div>\n <\/div>\n <p class=\"metron-tagline\">Intelligenza artificiale al servizio dell'efficienza<\/p>\n <p style=\"font-size: 1.1rem; margin-bottom: 2rem;\">METRON \u00e8 il sistema evoluto di PHYSIS che permette alle aziende\n di controllare i costi, aumentare i profitti e rispettare i criteri ESG. Grazie a sensori certificati e\n dashboard intuitive, METRON rileva in tempo reale i consumi di elettricit\u00e0, gas e acqua, fornendo dati accurati\n e affidabili per guidare le scelte strategiche.<\/p>\n\n <div class=\"metron-features\">\n <div class=\"metron-feature\"\n style=\"background-image: url('http:\/\/physis.srl\/wp-content\/uploads\/2025\/12\/metron-monitoraggio-scaled.jpeg');\">\n <div class=\"metron-feature-content\">\n <h4>Monitoraggio Real-Time<\/h4>\n <p>Monitoraggio preciso dei consumi energetici e dei costi per singolo pezzo prodotto. Identificazione delle\n aree di inefficienza e spreco.<\/p>\n <\/div>\n <\/div>\n <div class=\"metron-feature\"\n style=\"background-image: url('http:\/\/physis.srl\/wp-content\/uploads\/2025\/12\/metron-efficienza-scaled.jpeg');\">\n <div class=\"metron-feature-content\">\n <h4>Efficienza Operativa<\/h4>\n <p>Riduce gli sprechi, ottimizza i processi e migliora la produttivit\u00e0. Consente interventi tempestivi per\n ridurre i costi operativi.<\/p>\n <\/div>\n <\/div>\n <div class=\"metron-feature\"\n style=\"background-image: url('http:\/\/physis.srl\/wp-content\/uploads\/2025\/12\/metron-sostenibilita-scaled.jpeg');\">\n <div class=\"metron-feature-content\">\n <h4>Sostenibilit\u00e0 ESG<\/h4>\n <p>Misura emissioni CO\u2082 per unit\u00e0 prodotta. Supporta la conformit\u00e0 ESG, riduce l'impatto ambientale e\n rafforza\n la reputazione aziendale.<\/p>\n <\/div>\n <\/div>\n <div class=\"metron-feature\"\n style=\"background-image: url('http:\/\/physis.srl\/wp-content\/uploads\/2025\/12\/metron-ai-scaled.jpeg');\">\n <div class=\"metron-feature-content\">\n <h4>AI & Machine Learning<\/h4>\n <p>Integrazione con sistemi MES e intelligenza artificiale per un miglioramento continuo. Analisi predittiva\n e\n ottimizzazione automatica.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div style=\"margin-top: 4rem;\">\n <h3 style=\"font-size: 2rem; margin-bottom: 0.5rem; color: var(--light); text-align: center;\">Una soluzione su\n misura per ogni\n azienda<\/h3>\n <p style=\"text-align: center; color: var(--light); opacity: 0.8; margin-bottom: 2rem;\">Scegli il piano METRON\n pi\u00f9 adatto alle tue esigenze<\/p>\n\n <div class=\"pricing-container\">\n <div class=\"pricing-card\">\n <div class=\"pricing-badge\" style=\"background: var(--primary);\">STANDARD<\/div>\n <h3 class=\"pricing-title\">METRON Standard<\/h3>\n <p class=\"pricing-subtitle\">Monitoraggio semplice, ideale per PMI<\/p>\n <\/div>\n\n <div class=\"pricing-card\">\n <div class=\"pricing-badge\" style=\"background: var(--secondary);\">PLUS<\/div>\n <h3 class=\"pricing-title\">METRON Plus<\/h3>\n <p class=\"pricing-subtitle\">Integrazione con MES e focus su criteri ESG<\/p>\n <\/div>\n\n <div class=\"pricing-card\">\n <div class=\"pricing-badge\">PRO<\/div>\n <h3 class=\"pricing-title\">METRON Pro<\/h3>\n <p class=\"pricing-subtitle\">Analisi avanzata con AI e machine learning, per grandi aziende<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div style=\"margin-top: 3rem;\">\n <h3 style=\"font-size: 1.6rem; margin-bottom: 1rem; color: var(--light);\">Benefici concreti<\/h3>\n <p style=\"font-size: 1.05rem; margin-bottom: 1rem;\">\u2022 Risparmio sui costi grazie all'efficienza energetica<br>\u2022\n Immagine aziendale pi\u00f9 forte con l'adozione di pratiche sostenibili<br>\u2022 Conformit\u00e0 normativa ed eliminazione\n del rischio di sanzioni<br>\u2022 Accesso a incentivi<\/p>\n <\/div>\n\n <div style=\"margin-top: 3rem;\">\n <a href=\"#contatti\" class=\"btn btn-primary\">Richiedi una Demo<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Target e Problema -->\n <section class=\"section bg-light\">\n <div class=\"section-content\">\n <div class=\"section-header\">\n <div class=\"section-label\">Le sfide delle aziende<\/div>\n <h2 class=\"section-title\">Perch\u00e9 METRON \u00e8 la soluzione<\/h2>\n <p class=\"section-subtitle\">Le imprese oggi devono affrontare sfide complesse che richiedono strumenti adeguati\n e visione strategica:<\/p>\n <\/div>\n <div class=\"cards-grid\">\n <div class=\"card-tertiary\">\n <h3 class=\"card-title\">Costi energetici crescenti<\/h3>\n <p class=\"card-text\">L'aumento continuo dei costi energetici riduce la competitivit\u00e0 e i margini di profitto.\n Senza monitoraggio e controllo, le inefficienze si accumulano.<\/p>\n <\/div>\n <div class=\"card-tertiary\">\n <h3 class=\"card-title\">Inefficienze operative<\/h3>\n <p class=\"card-text\">Sprechi nascosti nei processi produttivi e difficolt\u00e0 a identificare dove intervenire per\n ridurre i consumi.<\/p>\n <\/div>\n <div class=\"card-tertiary\">\n <h3 class=\"card-title\">Normative ESG stringenti<\/h3>\n <p class=\"card-text\">Obbligo di rendicontazione sostenibile e pressione crescente da parte degli stakeholder\n per pratiche trasparenti.<\/p>\n <\/div>\n <div class=\"card-tertiary\">\n <h3 class=\"card-title\">Pressione degli stakeholder<\/h3>\n <p class=\"card-text\">Clienti, investitori e partner richiedono sempre pi\u00f9 trasparenza su impatto ambientale e\n gestione delle risorse.<\/p>\n <\/div>\n <div class=\"card-tertiary\">\n <h3 class=\"card-title\">Rischio reputazionale<\/h3>\n <p class=\"card-text\">Non adottare pratiche sostenibili pu\u00f2 danneggiare l'immagine aziendale e compromettere\n relazioni strategiche.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"section bg-problem\">\n <div class=\"section-content\">\n\n <div class=\"section-header\">\n <h3 class=\"section-title\" style=\" color:var(--light)\">METRON risponde con soluzioni concrete<\/h3>\n <\/div>\n <div class=\"cards-grid\">\n <div class=\"card-transparent\">\n <h3 class=\"card-title\">Monitoraggio e controllo dei costi<\/h3>\n <p class=\"card-text\">METRON rileva in tempo reale i consumi di energia, acqua e gas, permettendo di\n identificare sprechi e anomalie. Puoi calcolare il costo energetico per singolo pezzo prodotto e\n prendere\n decisioni immediate per ridurre le spese.<\/p>\n <\/div>\n <div class=\"card-transparent\">\n <h3 class=\"card-title\">Ottimizzazione dei processi produttivi<\/h3>\n <p class=\"card-text\">I dati raccolti offrono insight concreti per migliorare l'efficienza operativa,\n ridurre\n i tempi morti, eliminare gli sprechi e aumentare la produttivit\u00e0. Con METRON Plus e Pro, puoi\n integrare i\n dati con i sistemi MES e ottenere una visione completa dei tuoi processi.<\/p>\n <\/div>\n <div class=\"card-transparent\">\n <h3 class=\"card-title\">Supporto alle strategie ESG<\/h3>\n <p class=\"card-text\">METRON calcola le emissioni di CO\u2082 per unit\u00e0 prodotta, aiutando le aziende a\n rispettare\n gli obblighi di rendicontazione e a migliorare la propria reputazione verso clienti, investitori e\n stakeholder.<\/p>\n <\/div>\n <div class=\"card-transparent\">\n <h3 class=\"card-title\">Competitivit\u00e0 e innovazione<\/h3>\n <p class=\"card-text\"> Riduzione dei costi operativi, miglioramento dell'immagine aziendale e accesso ad\n incentivi fiscali.<br>\n METRON non \u00e8 solo uno strumento di monitoraggio: \u00e8 un vantaggio strategico per crescere in modo sostenibile.\n\n <\/p>\n <\/div>\n <\/div>\n\n <div style=\"margin-top: 4rem; text-align: center;\">\n <h3 class=\"section-title\" style=\"font-size: 2rem; margin-bottom: 1.5rem; color: var(--light);\">Tre soluzioni, un\n unico obiettivo:\n efficienza e sostenibilit\u00e0<\/h3>\n <p style=\"font-size: 1.05rem; max-width: 800px;color:var(--light); margin: 0 auto 2rem auto;\">METRON Standard\n per\n PMI\n che vogliono iniziare a monitorare i consumi, METRON Plus per aziende che integrano MES e puntano alla\n conformit\u00e0 ESG, METRON Pro con AI avanzata e machine learning per grandi imprese che vogliono ottimizzare\n ogni\n aspetto operativo.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Footer -->\n <footer id=\"contatti\">\n <div class=\"footer-content\">\n <h3 style=\"font-size: 2rem; margin-bottom: 1rem; color:var(--light)\">Inizia il tuo percorso verso la sostenibilit\u00e0\n <\/h3>\n <p style=\"margin-bottom: 2rem; font-size: 1.1rem;\">Contattaci per scoprire come PHYSIS pu\u00f2 aiutare la tua\n azienda\n <\/p>\n\n <div class=\"footer-links\">\n <a href=\"#chi-siamo\">Chi siamo<\/a>\n <a href=\"#servizi\">Servizi<\/a>\n <a href=\"#valori\">Valori<\/a>\n <a href=\"#metron\">METRON<\/a>\n <a href=\"mailto:info@physis.it\">info@physis.it<\/a>\n <\/div>\n\n <div class=\"footer-bottom\">\n <p>© 2025 PHYSIS SRL Societ\u00e0 Benefit. Tutti i diritti riservati.<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ Hamburger Menu Toggle\n const hamburger = document.getElementById('hamburger');\n const navbarMenu = document.getElementById('navbarMenu');\n\n hamburger.addEventListener('click', () => {\n hamburger.classList.toggle('active');\n navbarMenu.classList.toggle('active');\n });\n\n \/\/ Close menu when clicking on a link\n document.querySelectorAll('.navbar-menu a').forEach(link => {\n link.addEventListener('click', () => {\n hamburger.classList.remove('active');\n navbarMenu.classList.remove('active');\n });\n });\n\n \/\/ Close menu when clicking outside\n document.addEventListener('click', (e) => {\n if (!hamburger.contains(e.target) && !navbarMenu.contains(e.target)) {\n hamburger.classList.remove('active');\n navbarMenu.classList.remove('active');\n }\n });\n\n \/\/ Scroll Animation Observer\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n \/\/ Observe all section contents\n document.querySelectorAll('.section-content, .stat-item').forEach(el => {\n observer.observe(el);\n });\n\n \/\/ Smooth scroll for anchor links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n <\/script>\n<\/body>\n\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PHYSIS \u2013 Soluzioni evolute per la sostenibilit\u00e0 Chi siamo Servizi Valori METRON Contatti PHYSIS Soluzioni evolute per la sostenibilit\u00e0 Scopri […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"full-width-container","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":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"enabled","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-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/physis.srl\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/physis.srl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/physis.srl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/physis.srl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/physis.srl\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":51,"href":"https:\/\/physis.srl\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":107,"href":"https:\/\/physis.srl\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/107"}],"wp:attachment":[{"href":"https:\/\/physis.srl\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}