:root{--yellow:#DDD92A;--gold:#EAE151;--black:#2D2A32;--white:#FAFDF6;--transition-speed:0.5s;--header-height:100px;--header-height-scrolled:80px}*{margin:0;padding:0;box-sizing:border-box;font-family:'Montserrat',sans-serif}body{background-color:var(--black);color:var(--white);overflow-x:hidden;min-height:200vh}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:all var(--transition-speed) cubic-bezier(0.16,1,0.3,1);opacity:0;transform:translateY(-30px);visibility:hidden}.header.transparent{background-color:transparent;height:var(--header-height)}.header.solid{background-color:var(--black);box-shadow:0 8px 30px rgba(0,0,0,0.15);height:var(--header-height-scrolled)}.header.visible{opacity:1;transform:translateY(0);visibility:visible;animation:headerReveal 1.2s cubic-bezier(0.34,1.56,0.64,1) forwards}.header-container{display:flex;justify-content:space-between;align-items:center;height:100%;max-width:1400px;margin:0 auto;padding:0 5%;position:relative}.logo{display:flex;align-items:center;text-decoration:none;position:relative;z-index:2;transition:transform 0.5s cubic-bezier(0.34,1.56,0.64,1)}.logo-image{height:85px;width:auto;transition:all var(--transition-speed) cubic-bezier(0.16,1,0.3,1);filter:drop-shadow(0 0 8px rgba(255,255,255,0.5));animation:logoGlow 3s infinite alternate;opacity:0;transform:scale(0.8) rotate(-5deg)}.header.visible .logo-image{animation:logoReveal 1s cubic-bezier(0.34,1.56,0.64,1) forwards}.header.solid .logo-image{height:85px}.logo-text{margin-left:15px;font-weight:700;font-size:32px;color:var(--white);transition:all var(--transition-speed) cubic-bezier(0.16,1,0.3,1);letter-spacing:1px;text-shadow:0 0 10px rgba(255,255,255,0.3);animation:textGlow 3s infinite alternate;opacity:0;transform:translateX(-10px)}.header.visible .logo-text{animation:textReveal 1s cubic-bezier(0.34,1.56,0.64,1) forwards;animation-delay:0.2s}.header.solid .logo-text{font-size:28px}.logo:hover{transform:scale(1.05)}.logo:hover .logo-image{transform:rotate(5deg);filter:drop-shadow(0 0 15px rgba(255,255,255,0.8));}.logo:hover .logo-text{letter-spacing:2px;text-shadow:0 0 15px rgba(255,255,255,0.6)}.nav{display:flex;align-items:center}.nav-list{display:flex;list-style:none}.nav-item{margin:0 25px;position:relative;overflow:hidden;opacity:0;transform:translateY(10px)}.header.visible .nav-item:nth-child(1){animation:navItemReveal 0.6s cubic-bezier(0.34,1.56,0.64,1) forwards;animation-delay:0.3s}.header.visible .nav-item:nth-child(2){animation:navItemReveal 0.6s cubic-bezier(0.34,1.56,0.64,1) forwards;animation-delay:0.4s}.header.visible .nav-item:nth-child(3){animation:navItemReveal 0.6s cubic-bezier(0.34,1.56,0.64,1) forwards;animation-delay:0.5s}.header.visible .nav-item:nth-child(4){animation:navItemReveal 0.6s cubic-bezier(0.34,1.56,0.64,1) forwards;animation-delay:0.6s}.nav-link{color:var(--white);text-decoration:none;font-size:15px;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;transition:all 0.3s ease;padding:8px 0;position:relative;display:inline-block}.nav-link::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--yellow);transform:scaleX(0);transform-origin:right;transition:transform 0.5s cubic-bezier(0.16,1,0.3,1);box-shadow:0 0 8px var(--yellow)}.nav-link:hover{color:var(--yellow);transform:translateY(-3px);text-shadow:0 0 10px rgba(221,217,42,0.5)}.nav-link:hover::before{transform:scaleX(1);transform-origin:left}.nav-link.active{color:var(--yellow);font-weight:600}.nav-link.active::before{transform:scaleX(1)}.contact-btn-wrapper{position:relative;margin-left:40px;perspective:1000px;opacity:0;transform:scale(0.9)}.header.visible .contact-btn-wrapper{animation:buttonReveal 0.8s cubic-bezier(0.34,1.56,0.64,1) forwards;animation-delay:0.7s}.contact-btn{background-color:var(--yellow);color:var(--black);border:none;border-radius:4px;padding:12px 28px;font-size:14px;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all 0.4s cubic-bezier(0.34,1.56,0.64,1);letter-spacing:1px;position:relative;overflow:hidden;box-shadow:0 0 15px rgba(221,217,42,0.3);animation:buttonPulse 2s infinite alternate;transform-style:preserve-3d}.contact-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);animation:buttonShimmer 3s infinite}.contact-btn:hover{background-color:var(--gold);transform:translateY(-5px) rotateX(10deg);box-shadow:0 15px 25px rgba(221,217,42,0.4);letter-spacing:1.5px}.contact-btn:active{transform:translateY(-2px)}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:10px;z-index:1001;opacity:0;position:relative;width:50px;height:50px;align-items:center;justify-content:center;overflow:hidden}.header.visible .mobile-menu-toggle{animation:fadeIn 0.5s ease forwards 0.8s}.mobile-menu-toggle::before{content:'';position:absolute;width:100%;height:100%;border-radius:50%;background-color:rgba(221,217,42,0.1);transform:scale(0);transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1)}.mobile-menu-toggle:hover::before{transform:scale(1)}.hamburger{width:30px;height:24px;position:relative;transform:rotate(0deg);transition:0.5s ease-in-out;cursor:pointer}.hamburger span{display:block;position:absolute;height:2px;width:100%;background:var(--white);border-radius:9px;opacity:1;left:0;transform:rotate(0deg);transition:0.35s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 0 5px rgba(255,255,255,0.3)}.hamburger span:nth-child(1){top:0px;transform-origin:left center}.hamburger span:nth-child(2),.hamburger span:nth-child(3){top:10px;transform-origin:center center}.hamburger span:nth-child(4){top:20px;transform-origin:left center}.hamburger.open span{background:var(--yellow);box-shadow:0 0 8px rgba(221,217,42,0.5)}.hamburger.open span:nth-child(1){transform:rotate(45deg) translateY(-2px);top:0;left:4px;width:0;opacity:0}.hamburger.open span:nth-child(2){transform:rotate(45deg);width:100%}.hamburger.open span:nth-child(3){transform:rotate(-45deg);width:100%}.hamburger.open span:nth-child(4){transform:rotate(-45deg) translateY(2px);top:20px;left:4px;width:0;opacity:0}.mobile-menu{position:fixed;top:0;right:-100%;width:100%;height:100vh;background-color:var(--black);z-index:1000;transition:right 0.6s cubic-bezier(0.16,1,0.3,1);display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle at center,rgba(45,42,50,0.9) 0%,var(--black) 70%)}.mobile-menu.open{right:0}.mobile-nav-list{list-style:none;text-align:center;width:100%;padding:0 20px}.mobile-nav-item{margin:30px 0;opacity:0;transform:translateY(20px);transition:all 0.4s cubic-bezier(0.16,1,0.3,1);display:flex;justify-content:center}.mobile-menu.open .mobile-nav-item{opacity:1;transform:translateY(0)}.mobile-menu.open .mobile-nav-item:nth-child(1){transition-delay:0.1s}.mobile-menu.open .mobile-nav-item:nth-child(2){transition-delay:0.2s}.mobile-menu.open .mobile-nav-item:nth-child(3){transition-delay:0.3s}.mobile-menu.open .mobile-nav-item:nth-child(4){transition-delay:0.4s}.mobile-nav-link{color:var(--white);text-decoration:none;font-size:24px;font-weight:600;display:inline-block;padding:10px 0;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);position:relative;text-align:center}.mobile-nav-link::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:var(--yellow);transition:all 0.3s cubic-bezier(0.16,1,0.3,1);box-shadow:0 0 8px var(--yellow)}.mobile-nav-link:hover{color:var(--yellow);transform:scale(1.1);text-shadow:0 0 15px rgba(221,217,42,0.5)}.mobile-nav-link:hover::after{width:100%;left:0}.mobile-contact-btn-wrapper{width:100%;display:flex;justify-content:center;margin-top:40px}.mobile-contact-btn{background-color:var(--yellow);color:var(--black);border:none;border-radius:4px;padding:16px 32px;font-size:18px;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all 0.4s cubic-bezier(0.16,1,0.3,1);letter-spacing:1px;opacity:0;transform:translateY(20px);position:relative;overflow:hidden;box-shadow:0 0 15px rgba(221,217,42,0.3)}.mobile-contact-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);animation:buttonShimmer 3s infinite}.mobile-menu.open .mobile-contact-btn{opacity:1;transform:translateY(0);transition-delay:0.5s}.mobile-contact-btn:hover{background-color:var(--gold);transform:translateY(-3px) scale(1.05);box-shadow:0 10px 20px rgba(221,217,42,0.3)}.mobile-contact-btn:active{transform:translateY(-1px)}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:999;opacity:0;visibility:hidden;transition:all 0.5s cubic-bezier(0.16,1,0.3,1)}.overlay.active{opacity:1;visibility:visible}.menu-icon-pulse{position:absolute;width:100%;height:100%;border-radius:50%;background-color:rgba(221,217,42,0.1);transform:scale(0);opacity:0}.hamburger.open ~ .menu-icon-pulse{animation:menuPulse 1s cubic-bezier(0.34,1.56,0.64,1)}@keyframes menuPulse{0%{transform:scale(0);opacity:0.5}80%{opacity:0}100%{transform:scale(2);opacity:0}}@keyframes headerReveal{0%{opacity:0;transform:translateY(-30px)}30%{opacity:0.5}100%{opacity:1;transform:translateY(0)}}@keyframes logoReveal{0%{opacity:0;transform:scale(0.8) rotate(-5deg)}100%{opacity:1;transform:scale(1) rotate(0)}}@keyframes textReveal{0%{opacity:0;transform:translateX(-10px)}100%{opacity:1;transform:translateX(0)}}@keyframes navItemReveal{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@keyframes buttonReveal{0%{opacity:0;transform:scale(0.9)}70%{opacity:1;transform:scale(1.05)}100%{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes logoGlow{0%{filter:drop-shadow(0 0 5px rgba(255,255,255,0.3))}100%{filter:drop-shadow(0 0 12px rgba(255,255,255,0.7))}}@keyframes textGlow{0%{text-shadow:0 0 5px rgba(255,255,255,0.2)}100%{text-shadow:0 0 12px rgba(255,255,255,0.5),0 0 20px rgba(221,217,42,0.2)}}@keyframes buttonPulse{0%{box-shadow:0 0 5px rgba(221,217,42,0.3)}100%{box-shadow:0 0 15px rgba(221,217,42,0.5)}}@keyframes buttonShimmer{0%{left:-100%}100%{left:100%}}@keyframes mobileMenuItemsEntry{0%{opacity:0;transform:translateX(30px)}100%{opacity:1;transform:translateX(0)}}@media (max-width:1200px){.nav-item{margin:0 15px}.contact-btn-wrapper{margin-left:20px}}@media (max-width:992px){.nav-list{display:none}.contact-btn-wrapper{display:none}.mobile-menu-toggle{display:flex}}@media (max-width:768px){.header-container{padding:0 4%}.logo-text{font-size:28px}.header.solid .logo-text{font-size:24px}.logo-image{height:70px}.header.solid .logo-image{height:70px}}@media (max-width:480px){.logo-image{height:60px}.header.solid .logo-image{height:60px}.logo-text{font-size:24px;margin-left:10px}.header.solid .logo-text{font-size:20px}.mobile-nav-link{font-size:20px}.mobile-contact-btn{padding:14px 28px;font-size:16px}}

        .close-btn {
            position: absolute;
            top: 20px;
            right: 20px;
            width: 40px;
            height: 40px;
            background: none;
            border: none;
            cursor: pointer;
            z-index: 1002;
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: 0;
            transform: scale(0.8);
            transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
        }

        .mobile-menu.open .close-btn {
            opacity: 1;
            transform: scale(1);
            transition-delay: 0.3s;
        }

        .close-btn::before,
        .close-btn::after {
            content: '';
            position: absolute;
            width: 30px;
            height: 2px;
            background-color: var(--yellow);
            border-radius: 2px;
            box-shadow: 0 0 8px rgba(221, 217, 42, 0.5);
            transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
        }

        .close-btn::before {
            transform: rotate(45deg);
        }

        .close-btn::after {
            transform: rotate(-45deg);
        }

        .close-btn:hover::before,
        .close-btn:hover::after {
            background-color: var(--gold);
            box-shadow: 0 0 12px rgba(221, 217, 42, 0.8);
            width: 35px;
        }

        .mobile-menu {
            padding-top: 80px; 
        }

        .mobile-menu-header {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 80px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 20px;
            background-color: rgba(45, 42, 50, 0.95);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
        }

        .mobile-menu-logo {
            height: 60px;
            width: auto;
            filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.5));
            transition: all 0.3s ease;
        }

        .mobile-menu-logo:hover {
            filter: drop-shadow(0 0 12px rgba(255, 255, 255, 0.8));
            transform: scale(1.05);
        }
        *,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--yellow:#DDD92A;--gold:#EAE151;--black:#2D2A32;--dark-gray:#222;--medium-gray:#333;--light-gray:#444;--white:#FAFDF6;--gradient-primary:linear-gradient(135deg,var(--yellow) 0%,var(--gold) 100%);--shadow-md:0 8px 24px rgba(0,0,0,.15);--shadow-lg:0 16px 32px rgba(0,0,0,.2);--shadow-xl:0 24px 48px rgba(0,0,0,.25);--shadow-glow:0 0 20px rgba(221,217,42,.4);--transition-fast:0.2s;--transition-medium:0.4s;--transition-slow:0.8s;--cubic-bounce:cubic-bezier(0.175, 0.885, 0.32, 1.275);--cubic-smooth:cubic-bezier(0.4, 0.0, 0.2, 1)}
body{font-family:'Montserrat',sans-serif;background-color:var(--dark-gray);color:var(--white);line-height:1.5;overflow-x:hidden}
.offres-hero{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;perspective:1200px;transform-style:preserve-3d}
.offres-hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--dark-gray);z-index:1;opacity:1}

.offres-bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0.3;background:
    linear-gradient(45deg, var(--medium-gray) 1px, transparent 1px),
    linear-gradient(-45deg, var(--medium-gray) 1px, transparent 1px);
background-size:40px 40px;transform:translateZ(-50px)}

.offres-grid{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;perspective:1000px;transform-style:preserve-3d}
.offres-grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:
    linear-gradient(0deg, transparent 24%, rgba(221,217,42,0.05) 25%, rgba(221,217,42,0.05) 26%, transparent 27%, transparent 74%, rgba(221,217,42,0.05) 75%, rgba(221,217,42,0.05) 76%, transparent 77%, transparent),
    linear-gradient(90deg, transparent 24%, rgba(221,217,42,0.05) 25%, rgba(221,217,42,0.05) 26%, transparent 27%, transparent 74%, rgba(221,217,42,0.05) 75%, rgba(221,217,42,0.05) 76%, transparent 77%, transparent);
background-size:50px 50px;opacity:0.7;transform:translateZ(-30px) rotateX(60deg) scale(2)}

.offres-bg-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 50%,rgba(234,225,81,.05) 0%,rgba(45,42,50,0) 70%);z-index:2;opacity:0.5;transform:translateZ(-40px)}

.offres-grid-lines{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;perspective:1000px;transform-style:preserve-3d;opacity:0.3}
.offres-horizontal-lines, .offres-vertical-lines{position:absolute;top:0;left:0;width:100%;height:100%;transform-style:preserve-3d}
.offres-h-line, .offres-v-line{position:absolute;background:linear-gradient(90deg, rgba(221,217,42,0) 0%, rgba(221,217,42,0.2) 50%, rgba(221,217,42,0) 100%);transform-style:preserve-3d}
.offres-h-line{width:100%;height:1px;transform:translateZ(20px)}
.offres-v-line{width:1px;height:100%;transform:translateZ(20px)}

.offres-content{position:relative;z-index:10;text-align:center;max-width:1200px;padding:0 2rem;transform-style:preserve-3d}
.offres-subtitle{font-size:1.6rem;font-weight:500;color:var(--yellow);text-transform:uppercase;letter-spacing:5px;margin-bottom:1.5rem;text-shadow:0 0 10px rgba(221,217,42,0.3)}
.offres-title{font-size:4.5rem;font-weight:800;line-height:1.1;margin-bottom:2rem;text-shadow:0 0 15px rgba(0,0,0,0.5)}
.offres-highlight{color:var(--yellow);position:relative;display:inline-block;text-shadow:0 0 15px rgba(221,217,42,0.5);}
.offres-description{font-size:1.2rem;line-height:1.625;color:rgba(250,253,246,.9);max-width:900px;margin:0 auto 3rem;text-shadow:0 0 10px rgba(0,0,0,0.5)}

.offres-cta{display:inline-block;background:var(--yellow);color:var(--black);font-weight:600;font-size:1.2rem;padding:1.2rem 2.5rem;border:none;border-radius:4px;cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;position:relative;overflow:hidden;box-shadow:0 0 20px rgba(221,217,42,0.4);transition:all 0.3s var(--cubic-bounce);transform-style:preserve-3d}
.offres-cta::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.2);transform:translateX(-100%) skewX(-15deg);transition:transform .5s ease}
.offres-cta-halo{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;background:radial-gradient(circle at center, rgba(221,217,42,0.8) 0%, rgba(221,217,42,0) 70%);opacity:0.6;z-index:-1;filter:blur(8px);animation:offresHaloBreathing 3s infinite alternate}
@keyframes offresHaloBreathing{0%{opacity:0.4;transform:scale(1)}100%{opacity:0.8;transform:scale(1.1)}}
.offres-cta:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 10px 30px rgba(221,217,42,.6);letter-spacing:2px}
.offres-cta:hover::before{transform:translateX(100%) skewX(-15deg)}
.offres-cta:active{transform:translateY(0) scale(0.95);box-shadow:0 5px 15px rgba(221,217,42,.3)}

@media (max-width: 1200px){
    .offres-title{font-size:4rem}
    .offres-subtitle{font-size:1.5rem}
    .offres-description{font-size:1.1rem}
}
@media (max-width: 992px){
    .offres-title{font-size:3.5rem}
    .offres-subtitle{font-size:1.4rem}
    .offres-description{font-size:1.1rem;max-width:700px}
    .offres-cta{font-size:1.1rem;padding:1.1rem 2.2rem}
}
@media (max-width: 768px){
    .offres-title{font-size:3rem}
    .offres-subtitle{font-size:1.2rem;letter-spacing:3px}
    .offres-description{font-size:1rem;max-width:600px}
    .offres-cta{padding:1rem 2rem;font-size:1rem}
}
@media (max-width: 576px){
    .offres-title{font-size:2.5rem}
    .offres-subtitle{font-size:1.1rem;letter-spacing:2px}
    .offres-description{font-size:0.9rem;max-width:100%}
    .offres-cta{padding:0.9rem 1.8rem;font-size:0.9rem}
}

/* Animations d'entrée */
@keyframes offresSlideUp {
    0% {opacity:0;transform:translateY(50px)}
    100% {opacity:1;transform:translateY(0)}
}

@keyframes offresSlideRight {
    0% {opacity:0;transform:translateX(-50px)}
    100% {opacity:1;transform:translateX(0)}
}

@keyframes offresSlideLeft {
    0% {opacity:0;transform:translateX(50px)}
    100% {opacity:1;transform:translateX(0)}
}

@keyframes offresPopIn {
    0% {opacity:0;transform:scale(0.8)}
    70% {opacity:1;transform:scale(1.05)}
    100% {opacity:1;transform:scale(1)}
}

@keyframes offresGlowIn {
    0% {opacity:0;filter:blur(10px);transform:scale(0.9)}
    100% {opacity:1;filter:blur(0);transform:scale(1)}
}

.offres-subtitle {
    opacity: 0;
    animation: offresSlideRight 0.8s var(--cubic-bounce) forwards;
    animation-delay: 0.2s;
}

.offres-title {
    opacity: 0;
    animation: offresPopIn 1s var(--cubic-bounce) forwards;
    animation-delay: 0.5s;
}

.offres-description {
    opacity: 0;
    animation: offresSlideLeft 0.8s var(--cubic-bounce) forwards;
    animation-delay: 0.7s;
}

.offres-cta {
    opacity: 0;
    animation: offresGlowIn 1s var(--cubic-bounce) forwards;
    animation-delay: 1s;
}
*[data-sr-scope="true"],*[data-sr-scope="true"]::before,*[data-sr-scope="true"]::after{margin:0;padding:0;box-sizing:border-box}
.sr_root{--sr-yellow:#DDD92A;--sr-gold:#EAE151;--sr-black:#2D2A32;--sr-dark-gray:#222;--sr-medium-gray:#333;--sr-light-gray:#444;--sr-white:#FAFDF6;--sr-gradient-primary:linear-gradient(135deg,var(--sr-yellow) 0%,var(--sr-gold) 100%);--sr-shadow-md:0 8px 24px rgba(0,0,0,.15);--sr-shadow-lg:0 16px 32px rgba(0,0,0,.2);--sr-shadow-xl:0 24px 48px rgba(0,0,0,.25)}
.sr_body{font-family:'Poppins',sans-serif;background-color:var(--sr-dark-gray);color:var(--sr-white);line-height:1.5;overflow-x:hidden}
.sr_container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem;position:relative}
.sr_landing-pages-section{width:100%;min-height:100vh;padding:6rem 0;position:relative;overflow:hidden;display:flex;align-items:center}
.sr_bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.03;background-image:linear-gradient(45deg,var(--sr-medium-gray) 25%,transparent 25%),linear-gradient(-45deg,var(--sr-medium-gray) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--sr-medium-gray) 75%),linear-gradient(-45deg,transparent 75%,var(--sr-medium-gray) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
.sr_bg-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 50%,rgba(234,225,81,.05) 0%,rgba(45,42,50,0) 70%);z-index:2}
/* Suppression des formes rondes dans le background */
.sr_bg-shape{display: none;}
.sr_section-content{position:relative;z-index:10;width:100%}
.sr_section-header{margin-bottom:4rem;max-width:800px;perspective:1000px}
.sr_section-subtitle{font-size:1.25rem;font-weight:500;color:var(--sr-yellow);text-transform:uppercase;letter-spacing:3px;margin-bottom:1rem;opacity:0;transform:translateY(20px) translateZ(-100px) rotateX(20deg);transition:opacity .8s ease,transform .8s ease;transform-style:preserve-3d}
.sr_section-title{font-size:3.75rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;opacity:0;transform:translateY(30px) translateZ(-150px) rotateX(20deg);transition:opacity .8s ease .2s,transform .8s ease .2s;transform-style:preserve-3d}
.sr_highlight{color:var(--sr-yellow);position:relative;display:inline-block}
.sr_highlight::after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:8px;background:var(--sr-gradient-primary);opacity:.3;border-radius:4px;z-index:-1}
.sr_section-description{font-size:1.25rem;line-height:1.625;color:rgba(250,253,246,.9);max-width:700px;opacity:0;transform:translateY(40px) translateZ(-200px) rotateX(20deg);transition:opacity .8s ease .4s,transform .8s ease .4s;transform-style:preserve-3d}
.sr_landing-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.sr_features-list{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem}
.sr_feature-card{opacity:0;transform:translateY(30px) rotateX(10deg);transition:opacity .8s ease,transform .8s ease;position:relative;padding:1.5rem;background-color:rgba(51,51,51,.3);border-radius:16px;border:1px solid rgba(255,255,255,.05);overflow:hidden;transition:all .3s ease;transform-style:preserve-3d}
.sr_feature-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(221,217,42,.1) 0%,rgba(221,217,42,0) 100%);opacity:0;transition:opacity .3s ease}
.sr_feature-card:hover{transform:translateY(-10px) scale(1.05) rotateX(0);box-shadow:var(--sr-shadow-lg);border-color:rgba(221,217,42,.3);z-index:10}
.sr_feature-card:hover::before{opacity:1}
.sr_feature-card:nth-child(1){transition-delay:.5s}
.sr_feature-card:nth-child(2){transition-delay:.6s}
.sr_feature-card:nth-child(3){transition-delay:.7s}
.sr_feature-card:nth-child(4){transition-delay:.8s}
.sr_feature-icon{width:60px;height:60px;background:var(--sr-gradient-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;position:relative;overflow:hidden;box-shadow:var(--sr-shadow-md);transition:all .3s ease}
.sr_feature-icon::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.1);transform:translateX(-100%);transition:transform .5s ease}
/* Suppression de l'effet pulse et du halo autour des icônes */
.sr_feature-card:hover .sr_feature-icon{transform:scale(1.1) rotate(5deg);box-shadow:var(--sr-shadow-lg);}
.sr_feature-card:hover .sr_feature-icon::before{transform:translateX(100%) skewX(-15deg)}
/* Suppression de l'animation pulse */
@keyframes sr_pulseIcon{0%,100%{box-shadow:0 0 0 0 rgba(221,217,42,0);}50%{box-shadow:0 0 0 0 rgba(221,217,42,0);}}
.sr_feature-icon svg{width:30px;height:30px;color:var(--sr-black);z-index:2}
.sr_feature-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--sr-white);transition:transform .3s ease,color .3s ease}
.sr_feature-card:hover .sr_feature-title{transform:translateY(-5px);color:var(--sr-gold)}
.sr_feature-text{font-size:1rem;color:rgba(250,253,246,.8);line-height:1.625;transition:transform .3s ease .1s}
.sr_feature-card:hover .sr_feature-text{transform:translateY(-5px)}
.sr_stats-container{display:flex;justify-content:space-between;margin-top:3rem;opacity:0;transform:translateY(30px) rotateX(10deg);transition:opacity .8s ease .9s,transform .8s ease .9s;transform-style:preserve-3d}
/* Suppression de l'effet au survol sur les statistiques */
.sr_stat-item{text-align:center;position:relative;padding:0 1rem;}
.sr_stat-item::after{content:'';position:absolute;right:0;top:20%;height:60%;width:1px;background:linear-gradient(to bottom,transparent,rgba(221,217,42,.3),transparent)}
.sr_stat-item:last-child::after{display:none}
/* Suppression des effets au survol sur les valeurs statistiques */
.sr_stat-value{font-size:2.25rem;font-weight:700;color:var(--sr-gold);margin-bottom:.5rem;line-height:1;position:relative;display:inline-block;}
.sr_stat-value::after{content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:30px;height:2px;background:var(--sr-gradient-primary);border-radius:9999px;}
.sr_stat-label{font-size:.875rem;color:rgba(250,253,246,.7);text-transform:uppercase;letter-spacing:1px;}
.sr_cta-container{margin-top:4rem;opacity:0;transform:translateY(30px) rotateX(10deg);transition:opacity .8s ease 1s,transform .8s ease 1s;transform-style:preserve-3d}
.sr_cta-button{display:inline-block;background:var(--sr-gradient-primary);color:var(--sr-black);font-weight:600;font-size:1rem;padding:1rem 2rem;border:none;border-radius:8px;cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;position:relative;overflow:hidden;box-shadow:var(--sr-shadow-md);transition:all .3s ease}
.sr_cta-button::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.2);transform:translateX(-100%) skewX(-15deg);transition:transform .5s ease}
.sr_cta-button:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 10px 25px rgba(221,217,42,.4)}
.sr_cta-button:hover::before{transform:translateX(100%) skewX(-15deg)}
.sr_landing-preview{position:relative}
.sr_landing-window{position:relative;width:100%;padding-bottom:120%;perspective:1000px;opacity:0;transform:translateX(50px) rotateY(-10deg);transition:opacity .8s ease .3s,transform .8s ease .3s;transform-style:preserve-3d}
.sr_window-frame{position:absolute;top:0;left:0;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(5deg) rotateY(-5deg);transition:transform .5s ease}
.sr_window-frame:hover{transform:rotateX(0) rotateY(0)}
.sr_window-base{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--sr-medium-gray);border-radius:16px;box-shadow:var(--sr-shadow-xl);overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:box-shadow .3s ease}
.sr_window-frame:hover .sr_window-base{box-shadow:0 25px 50px rgba(221,217,42,.2),0 0 30px rgba(221,217,42,.1)}
.sr_window-header{position:absolute;top:0;left:0;width:100%;height:40px;background-color:var(--sr-dark-gray);display:flex;align-items:center;padding:0 1rem;border-bottom:1px solid rgba(255,255,255,.05);border-top-left-radius:16px;border-top-right-radius:16px;transition:background-color .3s ease}
.sr_window-frame:hover .sr_window-header{background-color:rgba(45,42,50,.9)}
.sr_window-controls{display:flex;gap:.5rem}
.sr_window-control{width:12px;height:12px;border-radius:50%;cursor:pointer;transition:transform .2s ease,box-shadow .3s ease}
.sr_window-control:hover{transform:scale(1.3);box-shadow:0 0 10px currentColor}
.sr_control-close{background-color:#FF5F56}
.sr_control-minimize{background-color:#FFBD2E}
.sr_control-maximize{background-color:#27C93F}
.sr_window-title{margin-left:1rem;font-size:.875rem;color:rgba(250,253,246,.7);transition:color .3s ease}
.sr_window-frame:hover .sr_window-title{color:var(--sr-gold)}
.sr_window-actions{margin-left:auto;display:flex;gap:.75rem}
.sr_window-action{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:rgba(255,255,255,.05);cursor:pointer;transition:all .3s ease}
.sr_window-action:hover{background-color:rgba(221,217,42,.2);transform:scale(1.2) rotate(5deg)}
.sr_window-action svg{width:14px;height:14px;color:rgba(250,253,246,.7);transition:color .3s ease}
.sr_window-action:hover svg{color:var(--sr-black)}
.sr_window-content{position:absolute;top:40px;left:0;width:100%;height:calc(100% - 40px);overflow:hidden;padding:1rem}
.sr_landing-grid-container{position:relative;width:100%;height:100%;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:2px;transition:transform .5s ease}
.sr_window-frame:hover .sr_landing-grid-container{transform:scale(1.02)}
/* Suppression du curseur pointer sur les cellules */
.sr_landing-cell{position:relative;width:100%;height:100%;background-color:var(--sr-dark-gray);transition:all .3s ease;overflow:hidden}
.sr_landing-cell.sr_light{background-color:rgba(234,225,81,.05)}
.sr_landing-cell.sr_dark{background-color:rgba(51,51,51,.5)}
.sr_landing-cell:hover{transform:scale(1.1) translateZ(20px);z-index:10;box-shadow:var(--sr-shadow-md);background-color:rgba(221,217,42,.1)}
.sr_landing-header{grid-column:1/span 8;grid-row:1/span 1;background-color:rgba(51,51,51,.8);display:flex;align-items:center;padding:0 .5rem;justify-content:space-between;transition:background-color .3s ease}
.sr_window-frame:hover .sr_landing-header{background-color:rgba(51,51,51,.9);box-shadow:0 5px 15px rgba(0,0,0,.1)}
.sr_landing-logo{width:30px;height:30px;background-color:var(--sr-yellow);border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--sr-black);font-size:.875rem;transition:transform .3s ease,box-shadow .3s ease}
.sr_window-frame:hover .sr_landing-logo{transform:scale(1.1) rotate(5deg);box-shadow:0 0 15px rgba(221,217,42,.5)}
.sr_landing-nav{display:flex;gap:.5rem}
.sr_nav-item{height:10px;width:40px;background-color:rgba(255,255,255,.1);border-radius:9999px;transition:background-color .3s ease,transform .3s ease}
.sr_window-frame:hover .sr_nav-item{background-color:rgba(221,217,42,.2)}
.sr_window-frame:hover .sr_nav-item:nth-child(1){transform:translateY(-2px)}
.sr_window-frame:hover .sr_nav-item:nth-child(2){transform:translateY(-4px)}
.sr_window-frame:hover .sr_nav-item:nth-child(3){transform:translateY(-6px)}
.sr_window-frame:hover .sr_nav-item:nth-child(4){transform:translateY(-4px)}
.sr_landing-hero{grid-column:1/span 8;grid-row:2/span 3;background-color:rgba(51,51,51,.5);display:flex;flex-direction:column;justify-content:center;padding:1.5rem;position:relative;overflow:hidden;transition:background-color .3s ease,transform .3s ease}
.sr_window-frame:hover .sr_landing-hero{background-color:rgba(51,51,51,.7);transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}
.sr_hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(221,217,42,.05) 0%,rgba(51,51,51,0) 100%);transition:opacity .5s ease}
.sr_window-frame:hover .sr_hero-bg{opacity:.8}
.sr_hero-title{height:20px;width:70%;background-color:rgba(221,217,42,.2);border-radius:4px;margin-bottom:1rem;transition:width .5s ease,background-color .3s ease}
.sr_window-frame:hover .sr_hero-title{width:80%;background-color:rgba(221,217,42,.3)}
.sr_hero-subtitle{height:10px;width:50%;background-color:rgba(255,255,255,.1);border-radius:4px;margin-bottom:1.5rem;transition:width .5s ease,background-color .3s ease}
.sr_window-frame:hover .sr_hero-subtitle{width:60%;background-color:rgba(255,255,255,.2)}
.sr_hero-button{height:30px;width:120px;background-color:var(--sr-yellow);border-radius:4px;transition:transform .3s ease,box-shadow .3s ease}
.sr_window-frame:hover .sr_hero-button{transform:scale(1.1);box-shadow:0 5px 15px rgba(221,217,42,.3)}
.sr_landing-features{grid-column:1/span 8;grid-row:5/span 2;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.5rem;transition:transform .5s ease}
.sr_window-frame:hover .sr_landing-features{transform:translateY(-5px)}
.sr_feature-block{background-color:rgba(51,51,51,.7);border-radius:4px;padding:.5rem;display:flex;flex-direction:column;gap:.5rem;transition:all .3s ease;cursor:pointer}
.sr_feature-block:hover{transform:translateY(-5px) scale(1.05);box-shadow:var(--sr-shadow-md);background-color:rgba(51,51,51,.9)}
.sr_feature-block-icon{width:30px;height:30px;background-color:rgba(221,217,42,.2);border-radius:4px;transition:transform .3s ease,background-color .3s ease}
.sr_feature-block:hover .sr_feature-block-icon{transform:scale(1.1) rotate(5deg);background-color:rgba(221,217,42,.4)}
.sr_feature-block-title{height:10px;width:80%;background-color:rgba(255,255,255,.1);border-radius:4px;transition:width .3s ease,background-color .3s ease}
.sr_feature-block:hover .sr_feature-block-title{width:90%;background-color:rgba(255,255,255,.2)}
.sr_feature-block-text{height:30px;width:100%;background-color:rgba(255,255,255,.05);border-radius:4px;transition:background-color .3s ease}
.sr_feature-block:hover .sr_feature-block-text{background-color:rgba(255,255,255,.1)}
.sr_landing-testimonial{grid-column:1/span 5;grid-row:7/span 2;background-color:rgba(51,51,51,.6);border-radius:4px;padding:1rem;display:flex;flex-direction:column;gap:.5rem;transition:all .3s ease;cursor:pointer}
.sr_landing-testimonial:hover{transform:translateY(-5px) scale(1.02);box-shadow:var(--sr-shadow-md);background-color:rgba(51,51,51,.8)}
.sr_testimonial-quote{height:60px;width:100%;background-color:rgba(255,255,255,.05);border-radius:4px;transition:background-color .3s ease}
.sr_landing-testimonial:hover .sr_testimonial-quote{background-color:rgba(255,255,255,.1)}
.sr_testimonial-author{display:flex;align-items:center;gap:.5rem;transition:transform .3s ease}
.sr_landing-testimonial:hover .sr_testimonial-author{transform:translateY(5px)}
.sr_author-avatar{width:30px;height:30px;background-color:rgba(221,217,42,.2);border-radius:50%;transition:transform .3s ease,background-color .3s ease}
.sr_landing-testimonial:hover .sr_author-avatar{transform:scale(1.1);background-color:rgba(221,217,42,.4)}
.sr_author-info{display:flex;flex-direction:column;gap:5px}
.sr_author-name{height:8px;width:80px;background-color:rgba(255,255,255,.1);border-radius:9999px;transition:width .3s ease,background-color .3s ease}
.sr_landing-testimonial:hover .sr_author-name{width:90px;background-color:rgba(255,255,255,.2)}
.sr_author-position{height:6px;width:120px;background-color:rgba(255,255,255,.05);border-radius:9999px;transition:width .3s ease,background-color .3s ease}
.sr_landing-testimonial:hover .sr_author-position{width:130px;background-color:rgba(255,255,255,.1)}
.sr_landing-cta{grid-column:6/span 3;grid-row:7/span 2;background-color:rgba(221,217,42,.1);border-radius:4px;padding:1rem;display:flex;flex-direction:column;justify-content:center;gap:1rem;transition:all .3s ease;cursor:pointer}
.sr_landing-cta:hover{transform:translateY(-5px) scale(1.02);box-shadow:var(--sr-shadow-md);background-color:rgba(221,217,42,.15)}
.sr_cta-title{height:15px;width:80%;background-color:rgba(255,255,255,.1);border-radius:4px;margin-bottom:.25rem;transition:width .3s ease,background-color .3s ease}
.sr_landing-cta:hover .sr_cta-title{width:90%;background-color:rgba(255,255,255,.2)}
.sr_cta-text{height:30px;width:100%;background-color:rgba(255,255,255,.05);border-radius:4px;transition:background-color .3s ease}
.sr_landing-cta:hover .sr_cta-text{background-color:rgba(255,255,255,.1)}
.sr_cta-form{display:flex;gap:.25rem;transition:transform .3s ease}
.sr_landing-cta:hover .sr_cta-form{transform:translateY(5px)}
.sr_cta-input{height:30px;flex-grow:1;background-color:rgba(255,255,255,.1);border-radius:4px;transition:background-color .3s ease}
.sr_landing-cta:hover .sr_cta-input{background-color:rgba(255,255,255,.2)}
.sr_cta-submit{height:30px;width:80px;background-color:var(--sr-yellow);border-radius:4px;transition:transform .3s ease,box-shadow .3s ease}
.sr_landing-cta:hover .sr_cta-submit{transform:scale(1.1);box-shadow:0 5px 15px rgba(221,217,42,.3)}
.sr_strategy-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .8s ease .5s}
.sr_strategy-line{position:absolute;background-color:var(--sr-yellow);opacity:.2;border-radius:2px}

@keyframes sr_pulseLine{0%,100%{opacity:.2;width:30%}50%{opacity:.5;width:40%}}
.sr_floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}
.sr_floating-element{position:absolute;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.5;animation:sr_float 15s infinite ease-in-out}
.sr_floating-element-1{top:10%;left:-5%;width:40px;height:40px;animation-delay:0s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23EAE151'%3E%3Cpath d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z'/%3E%3C/svg%3E")}
.sr_floating-element-2{top:30%;right:-5%;width:30px;height:30px;animation-delay:2s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23EAE151'%3E%3Cpath d='M21 16.5C21 16.88 20.79 17.21 20.47 17.38L12.57 21.82C12.41 21.94 12.21 22 12 22C11.79 22 11.59 21.94 11.43 21.82L3.53 17.38C3.21 17.21 3 16.88 3 16.5V7.5C3 7.12 3.21 6.79 3.53 6.62L11.43 2.18C11.59 2.06 11.79 2 12 2C12.21 2 12.41 2.06 12.57 2.18L20.47 6.62C20.79 6.79 21 7.12 21 7.5V16.5Z'/%3E%3C/svg%3E")}
@keyframes sr_float{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(5deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(20px) rotate(-5deg)}}
.sr_animate-in .sr_section-subtitle,.sr_animate-in .sr_section-title,.sr_animate-in .sr_section-description{opacity:1;transform:translateY(0) translateZ(0) rotateX(0)}
.sr_animate-in .sr_feature-card,.sr_animate-in .sr_stats-container,.sr_animate-in .sr_cta-container{opacity:1;transform:translateY(0) rotateX(0)}
.sr_animate-in .sr_landing-window{opacity:1;transform:translateX(0) rotateY(0)}
.sr_animate-in .sr_strategy-lines{opacity:1}
.sr_halo-effect{position:absolute;width:100%;height:100%;top:0;left:0;background:radial-gradient(circle at center,rgba(221,217,42,.2) 0%,rgba(221,217,42,0) 70%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:-1}
.sr_0 { background: linear-gradient(to bottom, rgba(221,217,42,0) 70%); opacity: 0; transition: opacity 0.3s ease; pointer-events: none; z-index: -1; }
.sr_feature-card:hover .sr_halo-effect{opacity:1}

.sr_window-frame::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:radial-gradient(circle at center,rgba(221,217,42,0) 0%,rgba(221,217,42,0) 70%);opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:-1;border-radius:16px}
.sr_window-frame:hover::after{opacity:0}

.sr_window-frame .sr_window-glow{display: none;}
.sr_window-frame .sr_window-reflection{position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,0) 50%);opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:2;border-radius:16px}
.sr_window-frame:hover .sr_window-reflection{opacity:1}
.sr_window-frame .sr_window-shadow{position:absolute;width:100%;height:20px;bottom:-20px;left:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.3) 0%,rgba(0,0,0,0) 70%);opacity:0;transition:all .5s ease;pointer-events:none;z-index:-1;border-radius:50%}
.sr_window-frame:hover .sr_window-shadow{opacity:1;transform:scaleX(1.1)}
.sr_scroll-reveal-item{opacity:0;transform:translateY(50px);transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275)}
.sr_scroll-reveal-item.sr_reveal{opacity:1;transform:translateY(0)}
.sr_scroll-reveal-item.sr_reveal-left{transform:translateX(-50px)}
.sr_scroll-reveal-item.sr_reveal-right{transform:translateX(50px)}
.sr_scroll-reveal-item.sr_reveal-left.sr_reveal, .sr_scroll-reveal-item.sr_reveal-right.sr_reveal{transform:translateX(0)}
.sr_scroll-reveal-item.sr_reveal-rotate{transform:rotateY(90deg)}
.sr_scroll-reveal-item.sr_reveal-rotate.sr_reveal{transform:rotateY(0)}
.sr_scroll-reveal-item.sr_reveal-scale{transform:scale(0.5)}
.sr_scroll-reveal-item.sr_reveal-scale.sr_reveal{transform:scale(1)}
.sr_scroll-reveal-item.sr_reveal-fade{opacity:0}
.sr_scroll-reveal-item.sr_reveal-fade.sr_reveal{opacity:1}
@media (max-width:1200px){.sr_section-title{font-size:3rem}.sr_landing-grid{gap:3rem}}
@media (max-width:992px){.sr_landing-pages-section{padding:4rem 0}.sr_landing-grid{grid-template-columns:1fr;gap:4rem}.sr_section-header{text-align:center;margin-left:auto;margin-right:auto}.sr_section-title{font-size:2.5rem}.sr_section-description{font-size:1.125rem;margin-left:auto;margin-right:auto}.sr_features-container{order:2}.sr_landing-preview{order:1;max-width:600px;margin:0 auto}.sr_landing-window{padding-bottom:100%}.sr_features-list{max-width:800px;margin-left:auto;margin-right:auto}.sr_stats-container{justify-content:center}.sr_cta-container{text-align:center}}
@media (max-width:768px){.sr_section-title{font-size:2rem}.sr_section-description{font-size:1rem}.sr_features-list{grid-template-columns:1fr;gap:1.5rem}.sr_feature-card:nth-child(2){transition-delay:.7s}.sr_feature-card:nth-child(3){transition-delay:.8s}.sr_feature-card:nth-child(4){transition-delay:.9s}.sr_stats-container{flex-wrap:wrap;gap:2rem}.sr_stat-item{flex:0 0 50%}.sr_stat-item::after{display:none}}
@media (max-width:576px){.sr_section-subtitle{font-size:1rem}.sr_section-title{font-size:1.5rem}.sr_feature-title{font-size:1.125rem}.sr_feature-text{font-size:.875rem}.sr_stat-item{flex:0 0 100%;margin-bottom:1rem}.sr_stat-value{font-size:2rem}}
*{margin:0;padding:0;box-sizing:border-box}
:root{--primary:#DDD92A;--primary-light:#EAE151;--dark:#2D2A32;--dark-gray:#222;--medium-gray:#333;--light-gray:#444;--white:#FAFDF6;--gradient-primary:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);--shadow-md:0 8px 24px rgba(0,0,0,.15);--shadow-lg:0 16px 32px rgba(0,0,0,.2);--shadow-xl:0 24px 48px rgba(0,0,0,.25)}
body{font-family:'Poppins',sans-serif;background-color:var(--dark-gray);color:var(--white);line-height:1.5;overflow-x:hidden;margin:0;padding:0}
.ecommerce-section{width:100vw;min-height:150vh;position:relative;overflow:hidden;display:flex;align-items:center;padding:4rem 0}
.bg-texture{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:0.05;z-index:0}
.bg-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(221,217,42,.05) 0%,rgba(45,42,50,0) 70%);z-index:1}
.bg-gradient::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 80% 70%,rgba(221,217,42,.03) 0%,rgba(45,42,50,0) 60%);z-index:1}
.container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:5}
.section-content{position:relative;width:100%}
.ecommerce-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.shop-window{position:relative;width:100%;padding-bottom:100%;perspective:1000px;opacity:0;transform:translateX(50px) rotateY(-10deg);transition:opacity 1s ease,transform 1s ease;transform-style:preserve-3d}
.window-frame{position:absolute;top:0;left:0;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(5deg) rotateY(-5deg);transition:transform .5s ease}
.window-frame:hover{transform:rotateX(0) rotateY(0)}
.window-base{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--medium-gray);border-radius:16px;box-shadow:var(--shadow-xl);overflow:hidden;transition:box-shadow .3s ease}
.window-frame:hover .window-base{box-shadow:0 25px 50px rgba(221,217,42,.2),0 0 30px rgba(221,217,42,.1)}
.window-glow{position:absolute;width:100%;height:100%;top:0;left:0;background:radial-gradient(circle at center,rgba(221,217,42,.2) 0%,rgba(221,217,42,0) 70%);opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:1;border-radius:16px;filter:blur(15px)}
.window-frame:hover .window-glow{opacity:1}
.window-reflection{position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,0) 50%);opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:2;border-radius:16px}
.window-frame:hover .window-reflection{opacity:1}
.window-header{position:absolute;top:0;left:0;width:100%;height:40px;background-color:var(--dark-gray);display:flex;align-items:center;padding:0 1rem;border-bottom:1px solid rgba(255,255,255,.05);border-top-left-radius:16px;border-top-right-radius:16px;transition:background-color .3s ease}
.window-frame:hover .window-header{background-color:rgba(45,42,50,.9)}
.window-controls{display:flex;gap:.5rem}
.window-control{width:12px;height:12px;border-radius:50%;transition:transform .2s ease,box-shadow .3s ease;cursor:default}
.window-control:hover{transform:scale(1.3);box-shadow:0 0 10px currentColor}
.control-close{background-color:#FF5F56}
.control-minimize{background-color:#FFBD2E}
.control-maximize{background-color:#27C93F}
.window-title{margin-left:1rem;font-size:.875rem;color:rgba(250,253,246,.7);transition:color .3s ease}
.window-frame:hover .window-title{color:var(--primary-light)}
.window-actions{margin-left:auto;display:flex;gap:.75rem}
.window-action{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:rgba(255,255,255,.05);transition:all .3s ease}
.window-action:hover{background-color:rgba(221,217,42,.2);transform:scale(1.2) rotate(5deg)}
.window-content{position:absolute;top:40px;left:0;width:100%;height:calc(100% - 40px);overflow:hidden;padding:1rem}
.shop-header{width:100%;height:50px;background-color:rgba(51,51,51,.8);display:flex;align-items:center;padding:0 1rem;justify-content:space-between;border-radius:8px;margin-bottom:1rem}
.shop-logo{display:flex;align-items:center;gap:0.5rem}
.shop-logo-icon{width:30px;height:30px;background-color:var(--primary);border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--dark);font-size:.875rem;transition:transform .3s ease,box-shadow .3s ease}
.shop-logo-text{font-weight:600;font-size:1rem;color:var(--white)}
.shop-search{display:flex;align-items:center;background-color:rgba(255,255,255,.1);border-radius:4px;padding:0.25rem 0.5rem;width:150px}
.shop-search-icon{width:16px;height:16px;margin-right:0.5rem;opacity:0.7}
.shop-search-text{height:6px;width:80%;background-color:rgba(255,255,255,.2);border-radius:3px}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}
.ecommerce-feature{position:relative;background-color:rgba(51,51,51,.7);border-radius:8px;aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.1)}
.ecommerce-feature::after{content:'';position:absolute;bottom:0;right:0;width:10px;height:10px;background:var(--primary);opacity:0.5;border-radius:0 0 8px 0;transition:all 0.3s ease}
.ecommerce-feature:hover::after{width:100%;height:3px;opacity:0.7}
.ecommerce-feature:hover{transform:translateY(-10px) scale(1.05);box-shadow:var(--shadow-lg);background-color:rgba(51,51,51,.9);z-index:10}
.feature-icon{width:50px;height:50px;position:relative;transition:transform 0.3s ease;margin-bottom:10px;display:flex;align-items:center;justify-content:center}
.feature-icon svg{width:30px;height:30px;color:var(--primary)}
.ecommerce-feature:hover .feature-icon{transform:scale(1.1)}
.feature-name{font-size:0.9rem;font-weight:500;color:var(--white);text-align:center;transition:all 0.3s ease;padding:0 0.5rem}
.ecommerce-feature:hover .feature-name{color:var(--primary)}
.feature-tag{position:absolute;bottom:0;left:0;width:100%;padding:0.5rem;background:var(--gradient-primary);color:var(--dark);font-weight:700;text-align:center;transform:translateY(100%);transition:transform 0.4s ease;font-size:0.75rem}
.ecommerce-feature:hover .feature-tag{transform:translateY(0)}
.feature-halo{position:absolute;width:100%;height:100%;top:0;left:0;background:radial-gradient(circle at center,rgba(221,217,42,.3) 0%,rgba(221,217,42,0) 70%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:-1;border-radius:8px;filter:blur(10px)}
.ecommerce-feature:hover .feature-halo{opacity:1}
.features-container{opacity:0;transform:translateX(-50px);transition:opacity 1s ease,transform 1s ease}
.section-header{margin-bottom:3rem}
.section-subtitle{font-size:1.25rem;font-weight:500;color:var(--primary);text-transform:uppercase;letter-spacing:3px;margin-bottom:1rem;opacity:0;transform:translateY(20px);transition:all 1s ease;text-shadow:0 0 15px rgba(221,217,42,0.5)}
.section-title{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;opacity:0;transform:translateY(30px);transition:all 1s ease;text-shadow:0 0 20px rgba(221,217,42,0.3);word-spacing:5px}
.highlight{color:var(--primary);position:relative;display:inline-block;text-shadow:0 0 15px rgba(221,217,42,0.7)}
.highlight::after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:8px;background:var(--gradient-primary);opacity:.3;border-radius:4px;z-index:-1;transition:height 0.3s ease,opacity 0.3s ease}
.highlight:hover::after{height:12px;opacity:.5}
.section-description{font-size:1.25rem;line-height:1.625;color:rgba(250,253,246,.9);max-width:700px;opacity:0;transform:translateY(40px);transition:all 1s ease;text-shadow:0 0 10px rgba(255,255,255,0.2)}
.features-list{display:flex;flex-direction:column;gap:2rem;margin-top:3rem}
.feature-item{display:flex;gap:1.5rem;opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(0.175,0.885,0.32,1.275)}
.feature-icon-box{width:60px;height:60px;min-width:60px;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:all 0.3s ease;position:relative;overflow:hidden}
.feature-item:hover .feature-icon-box{transform:scale(1.1) rotate(5deg);box-shadow:var(--shadow-lg)}
.feature-icon-box::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.1);transform:translateX(-100%);transition:transform .5s ease}
.feature-item:hover .feature-icon-box::before{transform:translateX(100%) skewX(-15deg)}
.feature-icon-box svg{width:30px;height:30px;color:var(--dark);z-index:2}
.feature-content{display:flex;flex-direction:column;gap:0.5rem}
.feature-title{font-size:1.25rem;font-weight:700;color:var(--white);transition:all 0.3s ease;text-shadow:0 0 15px rgba(221,217,42,0.4);word-spacing:2px}
.feature-item:hover .feature-title{transform:translateY(-5px) translateX(5px);color:var(--primary-light);text-shadow:0 0 20px rgba(221,217,42,0.7)}
.feature-text{font-size:1rem;color:rgba(250,253,246,.8);line-height:1.625;transition:all 0.3s ease;text-shadow:0 0 10px rgba(255,255,255,0.1)}
.feature-item:hover .feature-text{transform:translateY(-5px) translateX(5px);text-shadow:0 0 15px rgba(255,255,255,0.2)}
.cta-button{display:inline-block;background:var(--gradient-primary);color:var(--dark);font-weight:600;font-size:1rem;padding:1rem 2rem;border:none;border-radius:8px;cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;margin-top:3rem;position:relative;overflow:hidden;box-shadow:var(--shadow-md);transition:all .3s ease;opacity:0;transform:translateY(30px);text-shadow:0 1px 2px rgba(0,0,0,0.2)}
.cta-button::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.2);transform:translateX(-100%) skewX(-15deg);transition:transform .5s ease}
.cta-button:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 10px 25px rgba(221,217,42,.4);text-shadow:0 2px 4px rgba(0,0,0,0.3)}
.cta-button:hover::before{transform:translateX(100%) skewX(-15deg)}
.animate-in .shop-window{opacity:1;transform:translateX(0) rotateY(0)}
.animate-in .features-container{opacity:1;transform:translateX(0)}
.animate-in .section-subtitle{opacity:1;transform:translateY(0);transition-delay:0.2s}
.animate-in .section-title{opacity:1;transform:translateY(0);transition-delay:0.4s}
.animate-in .section-description{opacity:1;transform:translateY(0);transition-delay:0.6s}
.animate-in .feature-item{opacity:1;transform:translateY(0)}
.animate-in .feature-item:nth-child(1){transition-delay:0.4s}
.animate-in .feature-item:nth-child(2){transition-delay:0.6s}
.animate-in .feature-item:nth-child(3){transition-delay:0.8s}
.animate-in .feature-item:nth-child(4){transition-delay:1s}
.animate-in .cta-button{opacity:1;transform:translateY(0);transition-delay:1.2s}
.pulse-hint{position:absolute;bottom:10px;right:10px;width:8px;height:8px;background-color:var(--primary);border-radius:50%;opacity:0.7;animation:pulse 2s infinite}
@keyframes pulse{0%{transform:scale(0.8);opacity:0.7;box-shadow:0 0 0 0 rgba(221,217,42,0.7)}70%{transform:scale(1);opacity:0.9;box-shadow:0 0 0 6px rgba(221,217,42,0)}100%{transform:scale(0.8);opacity:0.7;box-shadow:0 0 0 0 rgba(221,217,42,0)}}
@media (max-width:1200px){.section-title{font-size:2.5rem}.ecommerce-grid{gap:3rem}}
@media (max-width:992px){.ecommerce-section{padding:4rem 0}.ecommerce-grid{grid-template-columns:1fr;gap:4rem}.section-header{text-align:center;margin-left:auto;margin-right:auto}.section-title{font-size:2.25rem}.section-description{font-size:1.125rem;margin-left:auto;margin-right:auto}.features-container{order:2}.shop-window{order:1;max-width:600px;margin:0 auto}}
@media (max-width:768px){.section-title{font-size:2rem}.section-description{font-size:1rem}.feature-item{flex-direction:column;align-items:flex-start}.feature-icon-box{margin-bottom:1rem}}
@media (max-width:576px){.section-subtitle{font-size:1rem}.section-title{font-size:1.5rem}.feature-title{font-size:1.125rem}.feature-text{font-size:.875rem}.features-grid{grid-template-columns:repeat(2,1fr)}}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--vitrine-primary:#DDD92A;--vitrine-primary-light:#EAE151;--vitrine-primary-dark:#C8C424;--vitrine-dark:#2D2A32;--vitrine-dark-gray:#222;--vitrine-medium-gray:#333;--vitrine-light-gray:#444;--vitrine-white:#FAFDF6;--vitrine-gradient-primary:linear-gradient(135deg,var(--vitrine-primary) 0%,var(--vitrine-primary-light) 100%);--vitrine-shadow-md:0 8px 24px rgba(0,0,0,.15);--vitrine-shadow-lg:0 16px 32px rgba(0,0,0,.2);--vitrine-transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1)}
.vitrine-body{font-family:'Poppins',sans-serif;background-color:var(--vitrine-dark-gray);color:var(--vitrine-white);line-height:1.5;overflow-x:hidden}
.vitrine-section{width:100%;min-height:100vh;padding:6rem 0;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center}
.vitrine-bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.03;background-image:repeating-linear-gradient(45deg,var(--vitrine-medium-gray) 0,var(--vitrine-medium-gray) 1px,transparent 0,transparent 50%);background-size:20px 20px}
.vitrine-bg-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 50%,rgba(234,225,81,.08) 0%,rgba(45,42,50,0) 70%);z-index:2}
.vitrine-floating-element{position:absolute;width:40px;height:40px;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.3;z-index:1;animation:vitrine-float 15s infinite ease-in-out}
.vitrine-floating-element-1{top:10%;left:5%;animation-delay:0s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23EAE151'%3E%3Cpath d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z'/%3E%3C/svg%3E")}
.vitrine-floating-element-2{top:30%;right:5%;width:30px;height:30px;animation-delay:2s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23EAE151'%3E%3Cpath d='M21 16.5C21 16.88 20.79 17.21 20.47 17.38L12.57 21.82C12.41 21.94 12.21 22 12 22C11.79 22 11.59 21.94 11.43 21.82L3.53 17.38C3.21 17.21 3 16.88 3 16.5V7.5C3 7.12 3.21 6.79 3.53 6.62L11.43 2.18C11.59 2.06 11.79 2 12 2C12.21 2 12.41 2.06 12.57 2.18L20.47 6.62C20.79 6.79 21 7.12 21 7.5V16.5Z'/%3E%3C/svg%3E")}
.vitrine-floating-element-3{bottom:20%;left:15%;width:25px;height:25px;animation-delay:4s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23EAE151'%3E%3Cpath d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z'/%3E%3C/svg%3E")}
@keyframes vitrine-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}
.vitrine-container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem;position:relative}
.vitrine-section-content{position:relative;z-index:10;width:100%;display:flex;flex-direction:column;align-items:center}
.vitrine-section-header{margin-bottom:4rem;text-align:center;max-width:800px}
.vitrine-section-subtitle{font-size:1.25rem;font-weight:500;color:var(--vitrine-primary);text-transform:uppercase;letter-spacing:3px;margin-bottom:1rem;opacity:0;transform:translateY(20px);transition:all 0.8s ease}
.vitrine-section-title{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;opacity:0;transform:translateY(30px);transition:all 0.8s ease 0.2s}
.vitrine-highlight{color:var(--vitrine-primary);position:relative;display:inline-block}
.vitrine-highlight::after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:8px;background:var(--vitrine-gradient-primary);opacity:.3;border-radius:4px;z-index:-1}
.vitrine-section-description{font-size:1.25rem;line-height:1.625;color:rgba(250,253,246,.9);max-width:700px;opacity:0;transform:translateY(40px);transition:all 0.8s ease 0.4s}
.vitrine-custom-builder{width:100%;max-width:1000px;margin-top:2rem}
.vitrine-builder-window{width:100%;height:600px;background-color:var(--vitrine-medium-gray);border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.3);overflow:hidden;border:1px solid rgba(255,255,255,.1);position:relative;opacity:0;transform:translateY(50px);transition:all 0.8s ease 0.6s}
.vitrine-window-header{height:40px;background-color:var(--vitrine-dark-gray);display:flex;align-items:center;padding:0 1rem;border-bottom:1px solid rgba(255,255,255,.05);border-top-left-radius:16px;border-top-right-radius:16px}
.vitrine-window-controls{display:flex;gap:.5rem}
.vitrine-window-control{width:12px;height:12px;border-radius:50%;cursor:pointer}
.vitrine-control-close{background-color:#FF5F56}
.vitrine-control-minimize{background-color:#FFBD2E}
.vitrine-control-maximize{background-color:#27C93F}
.vitrine-window-title{margin-left:1rem;font-size:.875rem;color:rgba(250,253,246,.7)}
.vitrine-builder-content{display:flex;height:calc(100% - 40px)}
.vitrine-elements-panel{width:250px;background-color:var(--vitrine-dark-gray);border-right:1px solid rgba(255,255,255,.05);padding:1rem;overflow-y:auto}
.vitrine-panel-title{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--vitrine-white);display:flex;align-items:center;gap:0.5rem}
.vitrine-panel-title svg{width:18px;height:18px;color:var(--vitrine-primary-light)}
.vitrine-elements-list{display:flex;flex-direction:column;gap:0.75rem}
.vitrine-element-item{background-color:rgba(255,255,255,.05);border-radius:8px;padding:0.75rem;cursor:grab;transition:var(--vitrine-transition);display:flex;align-items:center;gap:0.75rem}
.vitrine-element-item:hover{background-color:rgba(255,255,255,.1);transform:translateY(-5px)}
.vitrine-element-icon{width:30px;height:30px;background:var(--vitrine-gradient-primary);border-radius:6px;display:flex;align-items:center;justify-content:center}
.vitrine-element-icon svg{width:18px;height:18px;color:var(--vitrine-dark)}
.vitrine-element-label{font-size:0.875rem;font-weight:500}
.vitrine-preview-area{flex:1;padding:1rem;background-color:var(--vitrine-white);position:relative;overflow:auto}
.vitrine-preview-canvas{width:100%;height:100%;background-color:var(--vitrine-white);position:relative}
.vitrine-drop-indicator{position:absolute;top:0;left:0;width:100%;height:100%;border:2px dashed var(--vitrine-primary);border-radius:8px;background-color:rgba(221,217,42,.05);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.3s ease}
.vitrine-drop-indicator.active{opacity:1}
.vitrine-drop-indicator-text{font-size:1.25rem;font-weight:600;color:var(--vitrine-primary);background-color:rgba(255,255,255,.9);padding:0.5rem 1rem;border-radius:8px;box-shadow:var(--vitrine-shadow-md)}
.vitrine-canvas-element{position:absolute;background-color:var(--vitrine-white);border:1px solid rgba(0,0,0,.1);border-radius:4px;cursor:move;transition:var(--vitrine-transition);box-shadow:var(--vitrine-shadow-md)}
.vitrine-canvas-element:hover{box-shadow:var(--vitrine-shadow-lg);z-index:10}
.vitrine-canvas-element.selected{border:2px solid var(--vitrine-primary)}
.vitrine-element-header{background-color:rgba(0,0,0,.05);padding:0.5rem;display:flex;align-items:center;justify-content:space-between;border-top-left-radius:4px;border-top-right-radius:4px;cursor:move}
.vitrine-element-title{font-size:0.75rem;font-weight:500;color:var(--vitrine-dark)}
.vitrine-element-actions{display:flex;gap:0.25rem}
.vitrine-element-action{width:20px;height:20px;border-radius:4px;background-color:rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;cursor:pointer}
.vitrine-element-action svg{width:12px;height:12px;color:var(--vitrine-dark)}
.vitrine-element-content{padding:0.5rem}
.vitrine-header-element{width:100%;height:80px;background-color:var(--vitrine-dark-gray);display:flex;align-items:center;justify-content:space-between;padding:0 1rem}
.vitrine-header-logo{display:flex;align-items:center;gap:0.5rem}
.vitrine-header-logo-icon{width:30px;height:30px;background-color:var(--vitrine-primary);border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--vitrine-dark);font-size:.875rem}
.vitrine-header-logo-text{font-weight:600;font-size:1rem;color:var(--vitrine-white)}
.vitrine-header-nav{display:flex;gap:1rem}
.vitrine-header-nav-item{color:var(--vitrine-white);font-size:0.875rem;opacity:0.8}
.vitrine-hero-element{width:100%;height:300px;background:linear-gradient(135deg,var(--vitrine-dark-gray) 0%,var(--vitrine-medium-gray) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}
.vitrine-hero-title{font-size:2rem;font-weight:700;color:var(--vitrine-white);margin-bottom:1rem}
.vitrine-hero-description{font-size:1rem;color:rgba(255,255,255,.8);margin-bottom:1.5rem;max-width:600px}
.vitrine-hero-button{background:var(--vitrine-gradient-primary);color:var(--vitrine-dark);font-weight:600;font-size:0.875rem;padding:0.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;transition:var(--vitrine-transition);box-shadow:var(--vitrine-shadow-md)}
.vitrine-hero-button:hover{transform:translateY(-3px);box-shadow:var(--vitrine-shadow-lg)}
.vitrine-hero-button:active{transform:translateY(0);box-shadow:var(--vitrine-shadow-md)}
.vitrine-features-element{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem}
.vitrine-feature-card{background-color:var(--vitrine-white);border-radius:8px;box-shadow:var(--vitrine-shadow-md);padding:1rem;display:flex;flex-direction:column;align-items:center;text-align:center}
.vitrine-feature-card-icon{width:40px;height:40px;background:var(--vitrine-gradient-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:0.75rem}
.vitrine-feature-card-icon svg{width:24px;height:24px;color:var(--vitrine-dark)}
.vitrine-feature-card-title{font-size:1rem;font-weight:600;color:var(--vitrine-dark);margin-bottom:0.5rem}
.vitrine-feature-card-text{font-size:0.75rem;color:var(--vitrine-medium-gray)}
.vitrine-gallery-element{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:0.5rem}
.vitrine-gallery-item{aspect-ratio:1/1;background-color:var(--vitrine-light-gray);border-radius:4px;overflow:hidden}
.vitrine-footer-element{width:100%;height:80px;background-color:var(--vitrine-dark-gray);display:flex;align-items:center;justify-content:space-between;padding:0 1rem}
.vitrine-footer-copyright{font-size:0.75rem;color:rgba(255,255,255,.6)}
.vitrine-footer-links{display:flex;gap:1rem}
.vitrine-footer-link{font-size:0.75rem;color:rgba(255,255,255,.6)}
.vitrine-properties-panel{width:250px;background-color:var(--vitrine-dark-gray);border-left:1px solid rgba(255,255,255,.05);padding:1rem;overflow-y:auto}
.vitrine-property-group{margin-bottom:1.5rem}
.vitrine-property-group-title{font-size:0.875rem;font-weight:600;margin-bottom:0.75rem;color:var(--vitrine-white);display:flex;align-items:center;gap:0.5rem}
.vitrine-property-group-title svg{width:16px;height:16px;color:var(--vitrine-primary-light)}
.vitrine-property-item{margin-bottom:0.75rem}
.vitrine-property-label{font-size:0.75rem;color:rgba(255,255,255,.7);margin-bottom:0.25rem}
.vitrine-property-input{width:100%;background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:0.5rem;font-size:0.75rem;color:var(--vitrine-white)}
.vitrine-property-row{display:flex;gap:0.5rem}
.vitrine-property-row .vitrine-property-input{flex:1}
.vitrine-color-input{width:30px;height:30px;padding:0;border:none;cursor:pointer}
.vitrine-color-input::-webkit-color-swatch-wrapper{padding:0}
.vitrine-color-input::-webkit-color-swatch{border:none;border-radius:4px}
.vitrine-property-select{width:100%;background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:0.5rem;font-size:0.75rem;color:var(--vitrine-white);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FAFDF6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.5rem center;background-size:16px}
.vitrine-property-button{width:100%;background:var(--vitrine-gradient-primary);color:var(--vitrine-dark);font-weight:600;font-size:0.75rem;padding:0.5rem;border:none;border-radius:4px;cursor:pointer;transition:var(--vitrine-transition);box-shadow:0 2px 5px rgba(0,0,0,.1)}
.vitrine-property-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15);background:linear-gradient(135deg,var(--vitrine-primary) 0%,var(--vitrine-primary-light) 70%)}
.vitrine-property-button:active{transform:translateY(0);box-shadow:0 2px 3px rgba(0,0,0,.1)}
.vitrine-animate-in .vitrine-section-subtitle,.vitrine-animate-in .vitrine-section-title,.vitrine-animate-in .vitrine-section-description{opacity:1;transform:translateY(0)}
.vitrine-animate-in .vitrine-builder-window{opacity:1;transform:translateY(0)}
.vitrine-scroll-reveal-item{opacity:0;transform:translateY(50px);transition:all 1s ease}
.vitrine-scroll-reveal-item.reveal{opacity:1;transform:translateY(0)}
.vitrine-snap-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,0,0,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,0.05) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;opacity:0}
.vitrine-snap-grid.active{opacity:1}
.vitrine-element-placeholder{position:absolute;background-color:rgba(221,217,42,0.2);border:2px dashed var(--vitrine-primary);border-radius:4px;pointer-events:none;z-index:5;opacity:0}
.vitrine-element-placeholder.active{opacity:1}
.vitrine-toolbar{position:absolute;top:10px;right:10px;display:flex;gap:0.5rem;z-index:10;background-color:rgba(45,42,50,0.8);border-radius:8px;padding:0.5rem;box-shadow:var(--vitrine-shadow-md)}
.vitrine-toolbar-button{width:30px;height:30px;border-radius:4px;background-color:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--vitrine-transition)}
.vitrine-toolbar-button:hover{background-color:rgba(255,255,255,0.2)}.vitrine-toolbar-button.active{background-color:var(--vitrine-primary);color:var(--vitrine-dark)}.vitrine-toolbar-button.active svg{color:var(--vitrine-dark)}
.vitrine-toolbar-button svg{width:16px;height:16px;color:var(--vitrine-white)}
.vitrine-showcase-features{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;width:100%;max-width:1200px}
.vitrine-showcase-feature{background-color:var(--vitrine-dark-gray);border-radius:12px;padding:2rem;box-shadow:var(--vitrine-shadow-md);transition:var(--vitrine-transition);border:1px solid rgba(255,255,255,0.05);opacity:0;transform:translateY(30px);transition:all 0.8s ease}
.vitrine-showcase-feature:hover{transform:translateY(-10px);box-shadow:var(--vitrine-shadow-lg);border-color:rgba(221,217,42,0.3)}
.vitrine-showcase-feature-icon{width:60px;height:60px;background:var(--vitrine-gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}
.vitrine-showcase-feature-icon svg{width:30px;height:30px;color:var(--vitrine-dark)}
.vitrine-showcase-feature-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--vitrine-white)}
.vitrine-showcase-feature-text{font-size:1rem;line-height:1.6;color:rgba(250,253,246,0.8);margin-bottom:1.5rem}
.vitrine-showcase-feature-list{list-style:none;margin-top:1rem}
.vitrine-showcase-feature-list li{display:flex;align-items:flex-start;gap:0.75rem;margin-bottom:0.75rem;font-size:0.95rem;color:rgba(250,253,246,0.7)}
.vitrine-showcase-feature-list li svg{width:18px;height:18px;color:var(--vitrine-primary);flex-shrink:0;margin-top:3px}
.vitrine-showcase-cta{margin-top:4rem;text-align:center;opacity:0;transform:translateY(30px);transition:all 0.8s ease 0.6s}
.vitrine-showcase-cta-button{background:var(--vitrine-gradient-primary);color:var(--vitrine-dark);font-weight:600;font-size:1.125rem;padding:1rem 2.5rem;border:none;border-radius:12px;cursor:pointer;transition:var(--vitrine-transition);box-shadow:var(--vitrine-shadow-md);position:relative;overflow:hidden;display:inline-block;text-decoration:none}
.vitrine-showcase-cta-button:hover{transform:translateY(-5px);box-shadow:var(--vitrine-shadow-lg);background:linear-gradient(135deg,var(--vitrine-primary) 0%,var(--vitrine-primary-light) 70%)}
.vitrine-showcase-cta-button:active{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}
.vitrine-showcase-cta-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:var(--vitrine-transition);z-index:1}
.vitrine-showcase-cta-button:hover::before{left:100%}
.vitrine-animate-in .vitrine-showcase-feature:nth-child(1){transition-delay:0.2s}
.vitrine-animate-in .vitrine-showcase-feature:nth-child(2){transition-delay:0.4s}
.vitrine-animate-in .vitrine-showcase-feature:nth-child(3){transition-delay:0.6s}
.vitrine-animate-in .vitrine-showcase-feature,.vitrine-animate-in .vitrine-showcase-cta{opacity:1;transform:translateY(0)}
.vitrine-builder-content{transition:flex-direction 0.3s ease}
.vitrine-elements-panel, .vitrine-properties-panel{transition:width 0.3s ease, height 0.3s ease, border 0.3s ease}
.vitrine-preview-area{transition:height 0.3s ease}
.vitrine-elements-list{transition:display 0.3s ease, grid-template-columns 0.3s ease}
@media (max-width:1200px){.vitrine-section-title{font-size:2.5rem}.vitrine-builder-window{height:500px}.vitrine-showcase-features{gap:1.5rem}}
@media (max-width:992px){.vitrine-section{padding:4rem 0}.vitrine-section-title{font-size:2.25rem}.vitrine-section-description{font-size:1.125rem}.vitrine-builder-window{height:auto;max-height:80vh}.vitrine-builder-content{flex-direction:column}.vitrine-elements-panel{width:100%;height:auto;max-height:150px;border-right:none;border-bottom:1px solid rgba(255,255,255,.05)}.vitrine-elements-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0.5rem}.vitrine-preview-area{height:350px}.vitrine-properties-panel{width:100%;height:auto;max-height:150px;border-left:none;border-top:1px solid rgba(255,255,255,.05)}.vitrine-showcase-features{grid-template-columns:1fr;max-width:600px}.vitrine-animate-in .vitrine-builder-window{transform:translateY(0)}.vitrine-animate-in .vitrine-showcase-feature{transform:translateY(0)}}
@media (max-width:768px){.vitrine-section-title{font-size:2rem}.vitrine-section-description{font-size:1rem}.vitrine-elements-list{grid-template-columns:repeat(2,1fr)}.vitrine-showcase-features{gap:1.5rem}.vitrine-preview-area{height:300px}.vitrine-builder-window{margin-bottom:2rem}.vitrine-window-title{font-size:0.75rem}.vitrine-element-item{padding:0.5rem}.vitrine-element-icon{width:24px;height:24px}.vitrine-element-icon svg{width:14px;height:14px}.vitrine-element-label{font-size:0.75rem}.vitrine-animate-in .vitrine-section-subtitle,.vitrine-animate-in .vitrine-section-title,.vitrine-animate-in .vitrine-section-description{transform:translateY(0)}}
@media (max-width:576px){.vitrine-section-subtitle{font-size:1rem}.vitrine-section-title{font-size:1.5rem}.vitrine-elements-list{grid-template-columns:1fr}.vitrine-preview-area{height:250px}.vitrine-showcase-feature{padding:1.5rem}.vitrine-showcase-feature-icon{width:50px;height:50px;margin-bottom:1rem}.vitrine-showcase-feature-icon svg{width:24px;height:24px}.vitrine-showcase-feature-title{font-size:1.25rem}.vitrine-showcase-feature-text{font-size:0.9rem}.vitrine-showcase-cta-button{font-size:1rem;padding:0.75rem 1.5rem}.vitrine-scroll-reveal-item{transform:translateY(30px)}.vitrine-scroll-reveal-item.reveal{transform:translateY(0)}}
.vescovo-footer{--yellow:#DDD92A;--black:#2D2A32;--gold:#EAE151;--white:#FAFDF6;--glow-yellow:rgba(221,217,42,0.3);--glow-gold:rgba(234,225,81,0.3);--transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);font-family:'Montserrat',sans-serif;background:#252228;color:var(--white);position:relative;overflow:hidden;padding:4rem 2rem 2rem;width:100%;box-shadow:0 -10px 30px rgba(45,42,50,0.1)}
.vescovo-footer *{margin:0;padding:0;box-sizing:border-box}
.vescovo-footer-container{max-width:1200px;margin:0 auto;position:relative;z-index:5}
.vescovo-footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;align-items:start}
.vescovo-footer-column{display:flex;flex-direction:column;height:100%}
.vescovo-footer-column h3{color:var(--gold);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;position:relative;padding-bottom:0.75rem;display:inline-block;transform:translateY(0);transition:transform 0.4s ease,text-shadow 0.4s ease}
.vescovo-footer-column:hover h3{transform:translateY(-5px);text-shadow:0 5px 15px rgba(234,225,81,0.5)}
.vescovo-footer-column h3::after{content:'';position:absolute;bottom:0;left:0;width:40px;height:2px;background:var(--yellow);transition:width 0.5s cubic-bezier(0.22,1,0.36,1),box-shadow 0.5s ease;border-radius:2px}
.vescovo-footer-column:hover h3::after{width:100%;box-shadow:0 0 10px var(--glow-yellow)}
.vescovo-quick-links{list-style:none;margin-bottom:auto}
.vescovo-quick-links li{margin-bottom:1rem;transform:translateX(0);transition:transform 0.3s ease}
.vescovo-quick-links li:hover{transform:translateX(10px)}
.vescovo-quick-links a{color:var(--white);text-decoration:none;transition:all 0.3s ease;position:relative;padding-left:1.5rem;display:inline-block}
.vescovo-quick-links a::before{content:'→';position:absolute;left:0;opacity:0;transform:translateX(-10px);transition:all 0.3s ease;color:var(--yellow)}
.vescovo-quick-links a:hover{color:var(--yellow);text-shadow:0 0 8px var(--glow-yellow)}
.vescovo-quick-links a:hover::before{opacity:1;transform:translateX(0)}
.vescovo-contact-item{display:flex;align-items:center;margin-bottom:1.5rem;padding:0.75rem;border-radius:8px;transition:all 0.3s ease;position:relative;overflow:hidden;transform:translateX(0)}
.vescovo-contact-item:hover{background:rgba(255,255,255,0.05);transform:translateX(10px)}
.vescovo-contact-item::before{content:'';position:absolute;left:-100%;top:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(221,217,42,0.1),transparent);transition:left 0.5s ease}
.vescovo-contact-item:hover::before{left:100%}
.vescovo-contact-icon{margin-right:1rem;color:var(--gold);display:flex;align-items:center;justify-content:center;position:relative;transition:all 0.3s ease}
.vescovo-contact-item:hover .vescovo-contact-icon{transform:scale(1.2) rotate(10deg);color:var(--yellow)}
.vescovo-contact-icon::after{content:'';position:absolute;width:100%;height:100%;background:radial-gradient(circle,var(--glow-gold) 0%,rgba(0,0,0,0) 70%);opacity:0;transition:opacity 0.3s ease;filter:blur(5px);transform:scale(2)}
.vescovo-contact-item:hover .vescovo-contact-icon::after{opacity:1;animation:pulse 2s infinite}
@keyframes pulse{0%{transform:scale(1.5);opacity:0.5}50%{transform:scale(2.5);opacity:0.2}100%{transform:scale(1.5);opacity:0.5}}
.vescovo-contact-text{color:var(--white);transition:var(--transition)}
.vescovo-contact-text a{color:var(--white);text-decoration:none;transition:all 0.3s ease;position:relative;display:inline-block}
.vescovo-contact-text a::before{content:'';position:absolute;width:0;height:1px;bottom:-2px;left:0;background-color:var(--yellow);transition:width 0.3s cubic-bezier(0.22,1,0.36,1),box-shadow 0.3s ease}
.vescovo-contact-text a:hover{color:var(--yellow);text-shadow:0 0 8px rgba(221,217,42,0.5);transform:translateY(-2px)}
.vescovo-contact-text a:hover::before{width:100%;box-shadow:0 0 5px var(--glow-yellow)}
.vescovo-social-icons{display:flex;gap:1.5rem;margin-top:2rem;justify-content:flex-start}
.vescovo-social-icon{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background:rgba(255,255,255,0.1);color:var(--white);transition:all 0.4s cubic-bezier(0.22,1,0.36,1);position:relative;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,0.1)}
.vescovo-social-icon::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,var(--yellow),var(--gold));opacity:0;transition:opacity 0.4s cubic-bezier(0.22,1,0.36,1),transform 0.4s cubic-bezier(0.22,1,0.36,1);z-index:-1;transform:scale(0);border-radius:50%}
.vescovo-social-icon:hover{transform:translateY(-8px) rotate(360deg);color:var(--black);box-shadow:0 7px 15px rgba(221,217,42,0.3)}
.vescovo-social-icon:active{transform:translateY(-4px) scale(0.95)}
.vescovo-social-icon:hover::before{opacity:1;transform:scale(1);animation:pulse 2s infinite}
.vescovo-social-icon svg{width:20px;height:20px;transition:var(--transition);z-index:2}
.vescovo-social-icon:hover svg{transform:scale(1.2)}
.vescovo-footer-bottom{margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;position:relative}
.vescovo-footer-bottom::before{content:'';position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:0;height:1px;background:linear-gradient(90deg,transparent,var(--yellow),transparent);transition:width 1s ease}
.vescovo-footer:hover .vescovo-footer-bottom::before{width:80%}
.vescovo-footer-copyright{color:rgba(255,255,255,0.7);font-size:0.875rem;transition:all 0.3s ease}
.vescovo-footer-copyright:hover{color:var(--white)}
.vescovo-footer-legal{display:flex;gap:1.5rem}
.vescovo-footer-legal a{color:rgba(255,255,255,0.7);text-decoration:none;font-size:0.875rem;transition:all 0.3s ease;position:relative}
.vescovo-footer-legal a::before{content:'';position:absolute;width:0;height:1px;bottom:-1px;left:0;background-color:var(--yellow);transition:width 0.3s ease}
.vescovo-footer-legal a:hover{color:var(--yellow);text-shadow:0 0 5px rgba(221,217,42,0.5);transform:translateY(-2px)}
.vescovo-footer-legal a:hover::before{width:100%}
.vescovo-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}
.vescovo-light-beam{position:absolute;width:100%;height:200px;background:linear-gradient(90deg,transparent,rgba(221,217,42,0.03),transparent);transform:rotate(45deg) translateY(-50%);top:0;left:-100%;animation:lightBeam 8s infinite linear}
.vescovo-light-beam:nth-child(2){animation-delay:2s}
.vescovo-light-beam:nth-child(3){animation-delay:4s}
.vescovo-light-beam:nth-child(4){animation-delay:6s}
.vescovo-particles{position:absolute;width:100%;height:100%;top:0;left:0}
.vescovo-particle{position:absolute;width:3px;height:3px;background-color:var(--yellow);border-radius:50%;opacity:0.1;animation:floatParticle 15s infinite ease-in-out}
.vescovo-subtle-glow{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(221,217,42,0.03) 0%,transparent 70%);border-radius:50%;filter:blur(30px);opacity:0;animation:subtleGlow 15s infinite ease-in-out}
@keyframes subtleGlow{0%,100%{opacity:0;transform:scale(0.8)}50%{opacity:1;transform:scale(1)}}
@keyframes lightBeam{0%{left:-100%;opacity:0}20%{opacity:1}80%{opacity:1}100%{left:100%;opacity:0}}
@keyframes floatParticle{0%,100%{transform:translate(0,0)}25%{transform:translate(50px,-30px)}50%{transform:translate(100px,0)}75%{transform:translate(50px,30px)}}
.vescovo-cta-button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;background:linear-gradient(45deg,var(--yellow),var(--gold));color:var(--black);font-weight:600;border-radius:50px;text-decoration:none;transition:all 0.4s cubic-bezier(0.22,1,0.36,1);position:relative;overflow:hidden;margin-top:3rem;text-transform:uppercase;letter-spacing:1px;font-size:0.9rem;box-shadow:0 4px 15px rgba(221,217,42,0.2);align-self:flex-start}
.vescovo-cta-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.7s ease}
.vescovo-cta-button:hover{transform:translateY(-5px);box-shadow:0 7px 20px rgba(221,217,42,0.4)}
.vescovo-cta-button:hover::before{left:100%}
.vescovo-cta-button svg{margin-left:0.5rem;transition:transform 0.3s ease}
.vescovo-cta-button:hover svg{transform:translateX(5px)}
.vescovo-tagline{text-align:center;margin:3rem 0;font-size:1.5rem;font-weight:300;color:var(--white);letter-spacing:1px;position:relative;padding:1rem;overflow:hidden;animation:fadeIn 1s ease-out}
.vescovo-tagline strong{color:var(--gold);font-weight:600;position:relative;display:inline-block}
.vescovo-tagline strong::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--yellow);transform:scaleX(0);transform-origin:right;transition:transform 0.5s ease}
.vescovo-tagline:hover strong::after{transform:scaleX(1);transform-origin:left}
@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.vescovo-footer-column{animation:slideIn 0.6s ease-out}
.vescovo-footer-column:nth-child(2){animation-delay:0.2s}
.vescovo-footer-column:nth-child(3){animation-delay:0.4s}
@keyframes slideIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:992px){.vescovo-footer-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:768px){.vescovo-footer-grid{grid-template-columns:1fr}.vescovo-footer-bottom{flex-direction:column;align-items:center;text-align:center}.vescovo-footer-legal{margin-top:1rem}.vescovo-tagline{font-size:1.2rem}.vescovo-cta-button{align-self:center}.vescovo-social-icons{justify-content:center}}