:root {
                --primary-blue: #004a99;
                --accent-blue: #00b4ff;
                --bg-dark: #1a1a1a;
                --text-light: #f8f9fa;
            }

            .section-creative {
                padding: 140px 0;
                position: relative;
                overflow: hidden;
            }


            .section-1 {
                background: linear-gradient(135deg, #ffffff 0%, #f0f4f8 100%);
            }
            .img-cut-1 {
                clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);
                transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);
                transform: rotate(-2deg);
            }
            .img-cut-1:hover {
                clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
                transform: rotate(0deg) scale(1.05);
            }


            .section-2 {
                background-color: var(--bg-dark);
                color: var(--text-light);
            }
            .section-2 .titolo { color: #fff; }
            .section-2 .testo { color: #ccc; }
            
            .img-container-2 {
                position: relative;
                padding: 20px;
            }
            .img-cut-2 {
                border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
                transition: all 1s ease-in-out;
                border: 5px solid var(--accent-blue);
            }
            .img-cut-2:hover {
                border-radius: 50%;
                transform: scale(0.95);
            }
            .floating-box {
                position: absolute;
                bottom: -20px;
                right: -10px;
                background: var(--primary-blue);
                padding: 20px;
                color: white;
                font-weight: bold;
                z-index: 2;
                box-shadow: 10px 10px 0px var(--accent-blue);
            }


            .section-3 {
                background-color: #fff;
            }
            .img-cut-3 {
                clip-path: circle(50% at 50% 50%);
                transition: clip-path 0.6s ease;
                filter: grayscale(100%);
            }
            .img-cut-3:hover {
                clip-path: circle(75% at 50% 50%);
                filter: grayscale(0%);
            }
            .deco-line {
                width: 80px;
                height: 4px;
                background: var(--primary-blue);
                margin: 20px 0;
            }


            .reveal {
                opacity: 0;
                transform: translateY(30px);
                transition: all 0.8s ease-out;
            }
            .reveal.active {
                opacity: 1;
                transform: translateY(0);
            }

            .big-number {
                font-size: 110px;
                font-weight: 900;
                line-height: 100px;
                color: rgba(0,74,153,0.05);
                position: absolute;
                top: -20px;
                left: -20px;
                z-index: 0;
            }

             @media (max-width: 768px) {
                .section-creative { 
                    padding: 80px 0; 
                }
                .mobile-margin-top { 
                    margin-top: 40px; 
                }
                .img-cut-1 { 
                    transform: rotate(-1deg); 
                }
                .big-number {
                    font-size: 80px;
                    line-height: 70px;
                }
            }