/* ==========================================
   VOXTEL LANDING PAGE - CSS OTIMIZADO V2.0
   Performance: GPU Accelerated + Mobile First
   ========================================== */

/* INTER FONT SYSTEM - OPTIMIZED LOADING */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

/* RESET & PERFORMANCE BASE */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;line-height:1.6;color:#374151;background:#f9fafb;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* TYPOGRAPHY SYSTEM - RESPONSIVE */
h1,h2,h3,h4,h5,h6{font-family:'Inter',sans-serif;font-weight:600;line-height:1.2;margin:0;letter-spacing:-0.025em}h1{font-size:clamp(1.75rem,4vw,3rem)}h2{font-size:clamp(1.5rem,3.5vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}h4{font-size:clamp(1.125rem,2.5vw,1.5rem)}p{margin:0;line-height:1.6;font-size:clamp(0.875rem,2vw,1rem)}

/* CONTAINER SYSTEM */
.container{max-width:1200px;margin:0 auto;padding:0 1rem}@media(min-width:640px){.container{padding:0 1.5rem}}@media(min-width:1024px){.container{padding:0 2rem}}

/* GRADIENT SYSTEM */
.gradient-text{background:linear-gradient(135deg,#4f46e5 0%,#a855f7 50%,#ec4899 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}

/* OPTIMIZED KEYFRAMES - GPU ACCELERATED */
@keyframes slideDown{0%{transform:translate3d(0,100%,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}
@keyframes slideUp{0%{transform:translate3d(0,100%,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}
@keyframes slideLeft{0%{transform:translate3d(100%,0,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}
@keyframes slideRight{0%{transform:translate3d(-100%,0,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}
@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@keyframes bounceIn{0%{opacity:0;transform:translate3d(0,0,0) scale3d(0.3,0.3,1)}50%{opacity:1;transform:translate3d(0,0,0) scale3d(1.05,1.05,1)}70%{transform:translate3d(0,0,0) scale3d(0.9,0.9,1)}100%{opacity:1;transform:translate3d(0,0,0) scale3d(1,1,1)}}
@keyframes float{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}33%{transform:translate3d(0,-15px,0) rotate(1deg)}66%{transform:translate3d(0,-10px,0) rotate(-1deg)}}
@keyframes floatRotate{0%{transform:translate3d(0,0,0) rotate(0deg)}25%{transform:translate3d(0,-10px,0) rotate(90deg)}50%{transform:translate3d(0,-20px,0) rotate(180deg)}75%{transform:translate3d(0,-10px,0) rotate(270deg)}100%{transform:translate3d(0,0,0) rotate(360deg)}}
@keyframes pulseGlow{0%,100%{box-shadow:0 0 20px rgba(79,70,229,0.4);transform:scale3d(1,1,1)}50%{box-shadow:0 0 40px rgba(79,70,229,0.8);transform:scale3d(1.05,1.05,1)}}
@keyframes scalePulse{0%,100%{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1)}}
@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes morphing{0%,100%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}}
@keyframes rotating{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes sparkle{0%,100%{transform:scale3d(0,0,1) rotate(0deg);opacity:0}50%{transform:scale3d(1,1,1) rotate(180deg);opacity:1}}
@keyframes slideX{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(5px,0,0)}}
@keyframes particleFloat{0%{transform:translate3d(0,100vh,0) scale3d(0,0,1);opacity:0}10%{opacity:0.3;transform:scale3d(1,1,1)}90%{opacity:0.3;transform:scale3d(1,1,1)}100%{transform:translate3d(0,-100vh,0) scale3d(0,0,1);opacity:0}}

/* ANIMATION CLASSES - PERFORMANCE OPTIMIZED */
.animate-slide-down{animation:slideDown 0.8s cubic-bezier(0.25,0.8,0.25,1) forwards;will-change:transform,opacity}
.header.animate-slide-down{animation-play-state:running !important;}
.animate-slide-down{animation-play-state:running !important;}
.animate-slide-up{animation:slideUp 0.8s cubic-bezier(0.25,0.8,0.25,1) forwards;will-change:transform,opacity}
.animate-slide-left{animation:slideLeft 0.8s cubic-bezier(0.25,0.8,0.25,1) forwards;will-change:transform,opacity}
.animate-slide-right{animation:slideRight 0.8s cubic-bezier(0.25,0.8,0.25,1) forwards;will-change:transform,opacity}
.animate-fade-in{animation:fadeIn 0.8s ease-out forwards;will-change:opacity}
.animate-bounce-in{animation:bounceIn 0.8s cubic-bezier(0.68,-0.55,0.265,1.55) forwards;will-change:transform,opacity}
.animate-float{animation:float 6s ease-in-out infinite;will-change:transform}
.animate-float-rotate{animation:floatRotate 8s ease-in-out infinite;will-change:transform}
.animate-scale-pulse{animation:scalePulse 3s ease-in-out infinite;will-change:transform}
.animate-gradient-shift{animation:gradientShift 3s ease-in-out infinite;background-size:200% 200%;will-change:background-position}
.animate-sparkle{animation:sparkle 2s ease-in-out infinite;will-change:transform,opacity}
.animate-slide-x{animation:slideX 2s ease-in-out infinite;will-change:transform}
.animate-rotate{animation:rotating 20s linear infinite;will-change:transform}
.animate-hover-lift{transition:transform 0.3s cubic-bezier(0.25,0.8,0.25,1);will-change:transform}
.animate-hover-lift:hover{transform:translate3d(0,-10px,0) scale3d(1.05,1.05,1)}

.pulse-glow{animation:pulseGlow 3s infinite;will-change:transform,box-shadow}
.rotating{animation:rotating 10s linear infinite;will-change:transform}
.morphing-blob{animation:morphing 8s ease-in-out infinite;will-change:border-radius}

/* FLOATING PARTICLES - OPTIMIZED */
.floating-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden;will-change:transform}
.particle{position:absolute;width:8px;height:8px;background:linear-gradient(45deg,#4f46e5,#a855f7);border-radius:50%;opacity:0.3;animation:particleFloat linear infinite;will-change:transform,opacity}

/* MOUSE FOLLOWER - PERFORMANCE OPTIMIZED */
.mouse-follower{position:fixed;width:24px;height:24px;background:linear-gradient(45deg,#4f46e5,#a855f7);border-radius:50%;pointer-events:none;z-index:9999;mix-blend-mode:difference;transform:translate3d(-50%,-50%,0);will-change:transform}

/* BUTTON SYSTEM - COMPLETE */
.btn-primary,.btn-outline,.btn-large,.btn-cta,.btn-form,.btn-footer{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1.5rem;border:none;border-radius:0.75rem;font-family:'Inter',sans-serif;font-weight:600;text-decoration:none;cursor:pointer;transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);font-size:1rem;will-change:transform,box-shadow}

.btn-primary{background:linear-gradient(135deg,#4f46e5 0%,#9333ea 100%);color:white;box-shadow:0 4px 14px rgba(79,70,229,0.3)}
.btn-primary:hover{background:linear-gradient(135deg,#4338ca 0%,#7c2d12 100%);transform:translate3d(0,-2px,0);box-shadow:0 8px 25px rgba(79,70,229,0.4)}

.btn-outline{background:transparent;color:#4f46e5;border:2px solid #4f46e5}
.btn-outline:hover{background:#eef2ff;transform:translate3d(0,-2px,0)}

.btn-large{padding:1rem 2rem;font-size:1.125rem}
.btn-cta{background:white;color:#4f46e5;padding:1rem 2rem;font-size:1.125rem;box-shadow:0 10px 30px rgba(0,0,0,0.2)}
.btn-form{width:100%;padding:1rem 2rem;font-size:1.125rem}
.btn-footer{width:100%;margin-top:1rem}

/* SHINY BUTTON EFFECT - GPU OPTIMIZED */
.shiny-button{position:relative;overflow:hidden}
.shiny-button::before{content:"";position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,0.6) 50%,transparent 80%);transform:skewX(-25deg);transition:left 0.8s cubic-bezier(0.25,0.8,0.25,1);will-change:transform}
.shiny-button:hover::before{left:150%}

/* HEADER - RESPONSIVE & OPTIMIZED */
.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,0.8);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,0.1);transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);will-change:background-color,box-shadow}
.header.scrolled{background:rgba(255,255,255,0.95);box-shadow:0 4px 20px rgba(0,0,0,0.1)}

.nav-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:1rem}

.logo{display:flex;align-items:center;gap:0.5rem;text-decoration:none;color:inherit;transition:transform 0.3s cubic-bezier(0.25,0.8,0.25,1);will-change:transform}
.logo:hover{transform:scale3d(1.05,1.05,1)}

.logo-icon{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#4f46e5 0%,#9333ea 100%);border-radius:0.5rem;display:flex;align-items:center;justify-content:center;color:white;box-shadow:0 4px 14px rgba(79,70,229,0.3);will-change:transform}

.logo-text{font-family:'Inter',sans-serif;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;background:linear-gradient(135deg,#4f46e5 0%,#a855f7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

.sparkle{margin-left:0.5rem;color:#eab308}

.nav-menu{display:none;align-items:center;gap:2rem}
.nav-link{color:#374151;text-decoration:none;font-family:'Inter',sans-serif;font-weight:500;transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);position:relative;will-change:transform,color}
.nav-link:hover{color:#4f46e5;transform:translate3d(0,-2px,0)}
.nav-link::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,#4f46e5,#a855f7);transition:width 0.3s cubic-bezier(0.25,0.8,0.25,1);will-change:width}
.nav-link:hover::after{width:100%}

.nav-link-special{color:#4f46e5!important;display:flex;align-items:center;gap:0.25rem}
.nav-link-special:hover{color:#9333ea!important;transform:scale3d(1.05,1.05,1)}

/* MOBILE MENU - OPTIMIZED ANIMATIONS */
.mobile-menu-toggle{display:flex;flex-direction:column;background:none;border:none;cursor:pointer;padding:0.5rem;transition:transform 0.3s cubic-bezier(0.25,0.8,0.25,1);will-change:transform}
.mobile-menu-toggle:active{transform:scale3d(0.95,0.95,1)}

.hamburger{width:25px;height:3px;background:#374151;margin:3px 0;transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);border-radius:2px;transform-origin:center;will-change:transform,opacity}

.hamburger-container.active .hamburger:nth-child(1){transform:rotate(45deg) translate3d(5px,5px,0)}
.hamburger-container.active .hamburger:nth-child(2){opacity:0;transform:translate3d(20px,0,0)}
.hamburger-container.active .hamburger:nth-child(3){transform:rotate(-45deg) translate3d(7px,-6px,0)}

.mobile-menu{display:none;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:rgba(255,255,255,0.95);backdrop-filter:blur(12px);transform:translate3d(0,-100%,0);transition:transform 0.3s cubic-bezier(0.25,0.8,0.25,1);will-change:transform}
.mobile-menu.active{display:flex;transform:translate3d(0,0,0)}

.mobile-menu-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.mobile-menu-container{box-shadow:0 10px 40px rgba(0,0,0,0.1);overscroll-behavior:contain}

.mobile-link{color:#374151;text-decoration:none;font-family:'Inter',sans-serif;font-weight:500;font-size:1.125rem;transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);will-change:transform,color}
.mobile-link:hover{color:#4f46e5;transform:scale3d(1.05,1.05,1)}
.mobile-contact-btn{width:80%}

/* HERO SECTION - RESPONSIVE */
.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;padding:8rem 1rem 4rem;overflow:hidden}

.hero-bg-pattern{position:absolute;inset:0;z-index:-2;background:white;background-image:linear-gradient(to right,#f0f0f0 1px,transparent 1px),linear-gradient(to bottom,#f0f0f0 1px,transparent 1px);background-size:2rem 1.5rem}

.hero-bg-gradient{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle 500px at 50% 200px,#d5cffc,transparent);will-change:background}

.hero-content{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center;max-width:1200px;margin:0 auto}
.hero-text{text-align:center}

.hero-title{font-family:'Inter',sans-serif;font-size:clamp(2rem,6vw,4rem);font-weight:800;color:#111827;line-height:1.1;letter-spacing:-0.025em;margin-bottom:1.5rem}

.hero-subtitle{font-family:'Inter',sans-serif;font-size:clamp(1rem,3vw,1.25rem);color:#6b7280;line-height:1.6;max-width:600px;margin:0 auto 2rem}

.hero-buttons{display:flex;flex-direction:column;gap:1rem;align-items:center;margin-bottom:3rem}

.hero-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}
.stat-item{text-align:center;transition:transform 0.3s cubic-bezier(0.25,0.8,0.25,1);will-change:transform}
.stat-item:hover{transform:scale3d(1.1,1.1,1)}
.stat-number{font-family:'Inter',sans-serif;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;line-height:1}
.stat-label{font-family:'Inter',sans-serif;font-size:clamp(0.75rem,2vw,0.875rem);color:#6b7280;font-weight:500;margin-top:0.25rem}

.stat-indigo{color:#4f46e5}
.stat-purple{color:#9333ea}
.stat-violet{color:#7c3aed}

.number-highlight{background:linear-gradient(45deg,#4f46e5,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite;background-size:200% 200%;will-change:background-position}

.hero-image{display:none;position:relative}
.floating-element{position:relative;z-index:2}

.hero-img{width:100%;height:auto;border-radius:1.5rem;box-shadow:0 25px 50px rgba(0,0,0,0.15);transition:transform 0.3s cubic-bezier(0.25,0.8,0.25,1);will-change:transform}
.hero-img:hover{transform:scale3d(1.05,1.05,1)}

.decoration{position:absolute;border-radius:50%;opacity:0.3;will-change:transform}
.decoration-1{bottom:-2rem;left:-2rem;width:6rem;height:6rem;background:linear-gradient(135deg,#a78bfa 0%,#c084fc 100%)}
.decoration-2{top:-2rem;right:-2rem;width:8rem;height:8rem;background:linear-gradient(135deg,#c084fc 0%,#f472b6 100%)}

.floating-icon{position:absolute;width:3rem;height:3rem;background:rgba(255,255,255,0.9);border-radius:0.75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,0.1);will-change:transform}
.floating-icon-1{top:1rem;left:1rem}
.floating-icon-2{bottom:4rem;right:1rem}

/* PERSPECTIVE & 3D EFFECTS - OPTIMIZED */
.perspective-card{perspective:1000px}
.perspective-card-inner{transform-style:preserve-3d;transition:transform 0.6s cubic-bezier(0.25,0.8,0.25,1);will-change:transform}
.perspective-card:hover .perspective-card-inner{transform:rotateY(10deg) rotateX(10deg)}

/* SECTIONS - RESPONSIVE */
.services-section,.about-section,.partners-section,.consulting-section,.pabx-section,.partner-section{padding:clamp(3rem,8vw,5rem) 0}
.services-section,.partners-section,.pabx-section{background:rgba(249,250,251,0.5)}

.section-header{text-align:center;margin-bottom:clamp(2rem,6vw,4rem)}
.section-title{font-family:'Inter',sans-serif;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;color:#111827;margin-bottom:1rem}
.section-subtitle{font-family:'Inter',sans-serif;font-size:clamp(1rem,3vw,1.25rem);color:#6b7280;max-width:600px;margin:0 auto}

/* SERVICES GRID - RESPONSIVE */
.services-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}

.service-card{background:rgba(255,255,255,0.7);border:1px solid rgba(230,230,230,0.7);box-shadow:0 8px 32px 0 rgba(103,112,234,0.1);border-radius:1rem;padding:1.5rem;transition:all 0.4s cubic-bezier(0.25,0.8,0.25,1);display:flex;flex-direction:column;backdrop-filter:blur(10px);transform-style:preserve-3d;will-change:transform,box-shadow}

.service-card:hover{transform:translate3d(0,-12px,0) scale3d(1.02,1.02,1) rotateY(5deg);box-shadow:0 20px 40px rgba(79,70,229,0.15);background:white}

.service-icon{width:3rem;height:3rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:white;box-shadow:0 10px 30px rgba(79,70,229,0.3);transition:transform 0.3s cubic-bezier(0.25,0.8,0.25,1);will-change:transform}
.service-icon:hover{transform:rotate(360deg) scale3d(1.1,1.1,1)}

.service-card h3{font-family:'Inter',sans-serif;font-size:clamp(1rem,3vw,1.25rem);font-weight:700;color:#111827;margin-bottom:1rem}

.service-card p{font-family:'Inter',sans-serif;color:#6b7280;margin-bottom:1.5rem;flex-grow:1;font-size:clamp(0.875rem,2.5vw,1rem)}

.service-features{list-style:none;margin-bottom:2rem}
.service-features li{font-family:'Inter',sans-serif;color:#374151;font-size:clamp(0.75rem,2vw,0.875rem);display:flex;align-items:center;margin-bottom:0.75rem;transition:transform 0.3s cubic-bezier(0.25,0.8,0.25,1);will-change:transform}
.service-features li:hover{transform:translate3d(5px,0,0)}
.service-features li::before{content:"?";color:#22c55e;font-weight:bold;margin-right:0.5rem;flex-shrink:0}

/* ABOUT SECTION - RESPONSIVE */
.about-content{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}
.about-img{width:100%;height:auto;border-radius:1.5rem;box-shadow:0 25px 50px rgba(0,0,0,0.15)}

.about-title{font-family:'Inter',sans-serif;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;color:#111827;margin-bottom:1.5rem}

.about-description{margin-bottom:2rem}
.about-description p{font-family:'Inter',sans-serif;font-size:clamp(1rem,3vw,1.125rem);color:#6b7280;line-height:1.6}

.about-highlights{display:grid;grid-template-columns:1fr;gap:1.5rem}

.highlight-card{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#eef2ff 0%,#f3e8ff 100%);border-radius:1rem;box-shadow:0 4px 12px rgba(0,0,0,0.05);transition:transform 0.3s cubic-bezier(0.25,0.8,0.25,1);will-change:transform}
.highlight-card:hover{transform:translate3d(0,-5px,0) scale3d(1.05,1.05,1)}

.highlight-icon{margin-bottom:1rem;transition:transform 0.3s cubic-bezier(0.25,0.8,0.25,1);will-change:transform}
.highlight-card:hover .highlight-icon{transform:scale3d(1.2,1.2,1)}

.highlight-title{font-family:'Inter',sans-serif;font-size:clamp(1rem,3vw,1.25rem);font-weight:700;color:#111827;margin-bottom:0.25rem}
.highlight-subtitle{font-family:'Inter',sans-serif;font-size:clamp(0.75rem,2vw,0.875rem);color:#6b7280;font-weight:500}

/* PARTNERS SECTION */
.partners-logos{display:flex;justify-content:center;align-items:center;gap:2rem;opacity:0.6;flex-wrap:wrap}
.partner-logo{font-family:'Inter',sans-serif;font-size:clamp(1rem,4vw,1.5rem);font-weight:700;transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);cursor:pointer;will-change:transform,opacity}
.partner-logo:hover{opacity:1;transform:scale3d(1.2,1.2,1) rotateY(15deg)}
.partner-vivo{color:#2563eb}
.partner-claro{color:#dc2626}
.partner-tim{color:#1e40af}

/* CONSULTING & PABX GRIDS */
.consulting-grid,.pabx-benefits-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}

/* PABX CTA */
.pabx-cta{background:linear-gradient(135deg,#4f46e5 0%,#9333ea 50%,#7c3aed 100%);border-radius:1.5rem;padding:2rem;text-align:center;color:white;box-shadow:0 25px 60px rgba(79,70,229,0.4);margin-top:4rem}

.pabx-cta h3{font-family:'Inter',sans-serif;font-size:clamp(1.25rem,4vw,2rem);font-weight:700;margin-bottom:1rem}
.pabx-cta p{font-family:'Inter',sans-serif;font-size:clamp(1rem,3vw,1.125rem);margin-bottom:2rem;opacity:0.9;max-width:600px;margin-left:auto;margin-right:auto}

/* PARTNER SECTION */
.partner-content{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}

.partner-title{font-family:'Inter',sans-serif;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;color:#111827;margin-bottom:1rem}
.partner-subtitle{font-family:'Inter',sans-serif;font-size:clamp(1rem,3vw,1.125rem);color:#6b7280;line-height:1.6;margin-bottom:2rem}

.partner-benefits{display:flex;flex-direction:column;gap:1.5rem}
.benefit-item{display:flex;align-items:flex-start;gap:1rem;transition:transform 0.3s cubic-bezier(0.25,0.8,0.25,1);will-change:transform}
.benefit-item:hover{transform:translate3d(10px,0,0)}

.benefit-icon{flex-shrink:0;width:3rem;height:3rem;background:linear-gradient(135deg,#e0e7ff 0%,#f3e8ff 100%);border-radius:0.5rem;display:flex;align-items:center;justify-content:center;color:#4f46e5}

.benefit-text h3{font-family:'Inter',sans-serif;font-size:clamp(1rem,3vw,1.125rem);font-weight:600;color:#1f2937;margin-bottom:0.25rem}
.benefit-text p{font-family:'Inter',sans-serif;color:#6b7280;margin:0;font-size:clamp(0.875rem,2.5vw,1rem)}

.partner-form-container{max-width:500px;margin:0 auto}
.partner-form{background:rgba(255,255,255,0.7);border:1px solid rgba(230,230,230,0.7);box-shadow:0 25px 60px rgba(103,112,234,0.15);border-radius:1rem;padding:2rem;backdrop-filter:blur(10px)}

.form-group{margin-bottom:1.5rem}
.form-group label{display:flex;align-items:center;gap:0.5rem;font-family:'Inter',sans-serif;font-weight:500;color:#374151;margin-bottom:0.5rem;font-size:clamp(0.875rem,2.5vw,1rem)}

.form-group input{width:100%;padding:0.75rem 1rem;border:1px solid #d1d5db;border-radius:0.5rem;font-family:'Inter',sans-serif;font-size:clamp(0.875rem,2.5vw,1rem);transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);background:white;will-change:transform,box-shadow}

.form-group input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,0.1);transform:scale3d(1.02,1.02,1)}

/* FOOTER */
.footer{background:#111827;color:white;padding:clamp(3rem,6vw,4rem) 0 2rem}
.footer-content{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:3rem}

.footer-logo{display:flex;align-items:center;gap:0.5rem;margin-bottom:1rem}
.footer-description{font-family:'Inter',sans-serif;color:#9ca3af;margin:0;font-size:clamp(0.875rem,2.5vw,1rem)}

.footer-links h4{font-family:'Inter',sans-serif;color:white;font-weight:700;margin-bottom:1rem;font-size:clamp(1rem,3vw,1.125rem)}
.footer-links ul{list-style:none}
.footer-links ul li{margin-bottom:0.75rem}
.footer-links ul li a{font-family:'Inter',sans-serif;color:#9ca3af;text-decoration:none;transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);font-size:clamp(0.875rem,2.5vw,1rem);will-change:transform,color}
.footer-links ul li a:hover{color:white;transform:translate3d(5px,0,0)}

.footer-contact h4{font-family:'Inter',sans-serif;color:white;font-weight:700;margin-bottom:1rem;font-size:clamp(1rem,3vw,1.125rem)}
.contact-info p{font-family:'Inter',sans-serif;color:#9ca3af;margin-bottom:0.75rem;font-size:clamp(0.875rem,2.5vw,1rem)}

.footer-bottom{border-top:1px solid #374151;padding-top:2rem;text-align:center;color:#9ca3af;font-family:'Inter',sans-serif;font-size:clamp(0.75rem,2vw,0.875rem)}

/* NOTIFICATION SYSTEM */
.notification-container{position:fixed;top:20px;right:20px;z-index:9999;max-width:90vw}

.notification{background:white;border-radius:0.5rem;padding:1rem;margin-bottom:1rem;box-shadow:0 10px 30px rgba(0,0,0,0.2);border-left:4px solid #4f46e5;animation:slideInRight 0.3s cubic-bezier(0.25,0.8,0.25,1);font-family:'Inter',sans-serif;will-change:transform}

.notification.success{border-left-color:#22c55e}
.notification.error{border-left-color:#ef4444}

.notification-header{display:flex;justify-content:space-between;align-items:flex-start}
.notification h4{color:#111827;font-weight:600;margin:0 0 0.5rem 0;font-family:'Inter',sans-serif;font-size:clamp(0.875rem,2.5vw,1rem)}
.notification p{color:#6b7280;font-size:clamp(0.75rem,2vw,0.875rem);margin:0;font-family:'Inter',sans-serif}

.notification-close{background:none;border:none;font-size:1.25rem;color:#9ca3af;cursor:pointer;line-height:1;padding:0;transition:color 0.3s cubic-bezier(0.25,0.8,0.25,1)}
.notification-close:hover{color:#6b7280}

/* RESPONSIVE DESIGN - MOBILE FIRST */
@media (min-width:480px){
.hero-buttons{flex-direction:row;justify-content:center;gap:1rem}
.services-grid{grid-template-columns:1fr}
.about-highlights{grid-template-columns:1fr}
.footer-content{grid-template-columns:1fr}
.hero-section{padding:6rem 1.5rem 4rem}
.partners-logos{gap:3rem}
}

@media (min-width:640px){
.nav-menu{display:flex}
.mobile-menu-toggle{display:none}
.hero-content{grid-template-columns:1fr}
.hero-text{text-align:center}
.hero-buttons{justify-content:center}
.hero-stats{justify-content:center}
.services-grid{grid-template-columns:repeat(2,1fr);gap:2rem}
.about-highlights{grid-template-columns:repeat(2,1fr)}
.footer-content{grid-template-columns:repeat(2,1fr)}
.about-content{grid-template-columns:1fr}
.partner-content{grid-template-columns:1fr}
.hero-section{padding:6rem 1.5rem 4rem}
.service-card{padding:2rem}
.service-icon{width:4rem;height:4rem}
}

@media (min-width:768px){
.hero-content{grid-template-columns:1fr 1fr;gap:4rem}
.hero-text{text-align:left}
.hero-buttons{justify-content:flex-start}
.hero-stats{justify-content:flex-start}
.hero-image{display:block}
.about-content{grid-template-columns:1fr 1fr;gap:3rem}
.partner-content{grid-template-columns:1fr 1fr;gap:3rem}
.hero-section{padding:8rem 2rem 4rem}
.mobile-menu-container{max-height:calc(100vh - 80px);overflow-y:auto;-webkit-overflow-scrolling:touch}
}

@media (min-width:1024px){
.services-grid{grid-template-columns:repeat(4,1fr)}
.consulting-grid{grid-template-columns:repeat(3,1fr)}
.pabx-benefits-grid{grid-template-columns:repeat(3,1fr)}
.footer-content{grid-template-columns:repeat(4,1fr)}
.hero-section{padding:8rem 2rem 5rem}
.nav-container{padding:1.5rem 2rem}
}

@media (min-width:1200px){
.hero-content{gap:6rem}
.about-content{gap:4rem}
.partner-content{gap:4rem}
}

/* ACCESSIBILITY & PERFORMANCE */
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}
}

@media (max-width:767px){
.perspective-card{perspective:none}
.perspective-card-inner{transform-style:flat}
.service-card:hover{transform:translate3d(0,-5px,0) scale3d(1.02,1.02,1)}
.floating-particles{display:none}
.mouse-follower{display:none}
}

/* PRINT STYLES */
@media print{
.floating-element,.decoration,.shiny-button::before,.floating-particles,.mouse-follower{display:none!important}
.header,.footer,.notification-container{display:none}
*{background:white!important;color:black!important}
}

/* UTILITY CLASSES */
.hidden{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* HIGH CONTRAST MODE */
@media (prefers-contrast:high){
.service-card{border:2px solid #000}
.btn-primary{background:#000;color:#fff}
.gradient-text{background:none;color:#000}
}

/* DARK MODE PREFERENCES */
@media (prefers-color-scheme:dark){
:root{--text-color:#e5e7eb;--bg-color:#111827}
}

/* PERFORMANCE OPTIMIZATIONS */
.will-change-transform{will-change:transform}
.will-change-opacity{will-change:opacity}
.will-change-scroll{will-change:scroll-position}

/* SAFARI SPECIFIC FIXES */
@supports (-webkit-touch-callout:none){
.mobile-menu-container{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
}