@import"https://fonts.googleapis.com/css2?family=Tenorite:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--background: #ffffff;--foreground: #333333;--primary: #2563EB;--primary-foreground: #ffffff;--secondary: #0D9488;--accent: #4338CA;--muted: #F3F4F6;--muted-foreground: #6B7280;--primary-rgb: 37, 99, 235}.dark{--background: #1F2937;--foreground: #F9FAFB;--primary: #3B82F6;--primary-foreground: #F9FAFB;--secondary: #10B981;--accent: #6366F1;--muted: #374151;--muted-foreground: #9CA3AF;--primary-rgb: 59, 130, 246}body{font-family:Tenorite,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;color:var(--foreground);background:linear-gradient(135deg,#f6f8fa,#e9ecef);min-height:100vh;transition:background-color .3s ease,color .3s ease}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}header{background-color:var(--background);box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:50;padding:1rem;transition:background-color .3s ease}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;font-size:1.5rem;font-weight:700;background:linear-gradient(to right,var(--primary),var(--secondary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}nav{display:flex;gap:1rem;align-items:center}nav a{font-size:1rem;font-weight:500;transition:color .3s,transform .3s,background-image .3s;padding:.5rem 1rem;border-radius:.25rem;position:relative;overflow:hidden}nav a:not(.nav-button):not(.login-button):before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--primary);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}nav a:not(.nav-button):not(.login-button):hover:before{transform:scaleX(1);transform-origin:left}nav a:not(.nav-button):not(.login-button):hover{color:var(--primary);transform:translateY(-2px)}.nav-button,.button-primary{background-image:linear-gradient(45deg,var(--primary),var(--accent));background-size:200% 200%;color:var(--primary-foreground);padding:.5rem 1rem;border-radius:2rem;transition:all .3s ease;display:inline-block;text-align:center;font-weight:600;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 6px #0000001a;border:none;position:relative;overflow:hidden;z-index:1;margin-bottom:12px}.nav-button:before,.button-primary:before{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg,#9333ea,#6366f1);background-size:200% 200%;z-index:-1;transition:all .3s ease;opacity:0}.nav-button:hover:before,.button-primary:hover:before{opacity:1;animation:gradientMove 3s ease infinite}.nav-button:hover,.button-primary:hover{transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.nav-button span,.button-primary span{position:relative;z-index:2}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.login-button{background-color:transparent;color:var(--primary);border:2px solid var(--primary);padding:.5rem 1rem;border-radius:2rem;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.login-button:hover{background-color:var(--primary);color:var(--primary-foreground);transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.login-button svg{width:1.25rem;height:1.25rem;transition:transform .3s ease}.login-button:hover svg{transform:rotate(15deg)}.contact-button{background-image:linear-gradient(45deg,var(--primary),var(--accent));color:var(--primary-foreground);border:none}.contact-button:hover{background-image:linear-gradient(45deg,var(--accent),var(--primary))}.theme-toggle{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:var(--foreground);transition:color .3s}.theme-toggle:hover{color:var(--primary)}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;color:var(--foreground);z-index:1001}.header-right{display:flex;align-items:center;gap:1rem}.mega-menu{position:absolute;top:100%;left:0;width:100%;background-color:var(--background);box-shadow:0 4px 6px #0000001a;padding:2rem;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mega-menu.active{opacity:1;visibility:visible}.mega-menu-content{display:flex;justify-content:space-between;max-width:1200px;margin:0 auto}.mega-menu-column{flex:1;padding:0 1rem}.mega-menu h3{color:var(--primary);margin-bottom:1rem;font-size:1.2rem}.mega-menu ul{list-style:none;padding:0}.mega-menu li{margin-bottom:.5rem}.mega-menu a{color:var(--foreground);text-decoration:none;transition:color .3s ease}.mega-menu a:hover{color:var(--primary)}.hero{background:linear-gradient(135deg,#3498db,#8e44ad);color:var(--primary-foreground);padding:4rem 0;text-align:center}.hero h1{font-size:2.5rem;margin-bottom:1rem;transition:transform .3s ease}.hero:hover h1{transform:scale(1.05)}.hero p{font-size:1.125rem;max-width:700px;margin:0 auto 2rem;transition:opacity .3s ease}.hero:hover p{opacity:.8}.button{border-radius:2rem;padding:.75rem 1.5rem;display:inline-flex;justify-content:center;align-items:center;text-align:center}.button-outline{border:2px solid var(--primary-foreground);color:var(--primary-foreground)}.button-outline:hover{background-color:var(--primary-foreground);color:var(--primary)}.pricing-card .button{width:100%;justify-content:center}.pricing{background-color:var(--muted);padding:4rem 0}.pricing h2{font-size:2.25rem;text-align:center;margin-bottom:2rem;background:linear-gradient(to right,var(--primary),var(--secondary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:transform .3s ease}.pricing:hover h2{transform:scale(1.05)}.tabs{display:flex;justify-content:center;margin-bottom:2rem}.tab{padding:.5rem 1rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease}.tab:hover{color:var(--primary)}.tab.active{border-bottom-color:var(--primary)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.pricing-card{background-color:var(--background);border-radius:.5rem;padding:1.5rem;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;display:flex;flex-direction:column;height:450px;justify-content:space-between}.pricing-card:hover{box-shadow:0 10px 15px #0000001a,0 0 0 4px rgba(var(--primary-rgb),.5);transform:translateY(-5px)}.pricing-card h3{font-size:1.25rem;margin-bottom:.5rem;transition:color .3s ease}.pricing-card:hover h3{color:var(--primary)}.price{font-size:2rem;font-weight:700;margin-bottom:1rem;transition:color .3s ease}.pricing-card:hover .price{color:var(--primary)}.features{list-style-type:none;margin-bottom:1rem}.features li{margin-bottom:.5rem;transition:transform .3s ease}.features li:hover{transform:translate(5px)}.features li:before{content:"→";margin-right:.5rem;color:var(--secondary);transition:color .3s ease}.pricing-card:hover .features li:before{color:var(--primary)}.pricing-card .button{align-self:center;width:100%}.cta{background:linear-gradient(135deg,#3498db,#8e44ad);color:var(--primary-foreground);padding:4rem 0;text-align:center}.cta h2{font-size:2.25rem;margin-bottom:1rem;transition:transform .3s ease}.cta:hover h2{transform:scale(1.05)}.cta p{font-size:1.125rem;max-width:700px;margin:0 auto 2rem;transition:opacity .3s ease}.cta:hover p{opacity:.8}.clients{padding:4rem 0;background:linear-gradient(135deg,#f0f0f0,#e0e0e0)}.clients h2{font-size:2.5rem;text-align:center;margin-bottom:2rem;background:linear-gradient(to right,var(--primary),var(--secondary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:transform .3s ease}.clients:hover h2{transform:scale(1.05)}.carousel-container{position:relative;max-width:100%;overflow:hidden;padding:0 60px}.clients-carousel{overflow:hidden}.clients-grid{display:flex;transition:transform .5s ease}.client-logo-link{flex:0 0 auto;width:150px;height:150px;margin:0 1.5rem;transition:all .3s ease;background-color:#fff;padding:15px;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.client-logo-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 50%,var(--accent) 100%);opacity:0;transition:opacity .3s ease}.client-logo{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(100%) contrast(1.2) brightness(.8);transition:all .3s ease;z-index:1;position:relative}.client-logo-link:hover:before{opacity:.9}.client-logo-link:hover .client-logo{filter:grayscale(0%) contrast(1.2) brightness(1);transform:scale(1.1)}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:none;font-size:1.5rem;width:50px;height:50px;border-radius:25px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;box-shadow:0 2px 5px #0003}.carousel-button:hover{background:linear-gradient(135deg,var(--secondary) 0%,var(--accent) 100%);transform:translateY(-50%) scale(1.1);box-shadow:0 4px 8px #0000004d}.carousel-button.prev{left:10px}.carousel-button.next{right:10px}.carousel-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent) 0%,var(--primary) 100%);border-radius:25px;opacity:0;transition:opacity .3s ease}.carousel-button:hover:before{opacity:1}.carousel-button span{position:relative;z-index:1}footer{background-color:var(--muted);padding:1.5rem 0;border-top:1px solid var(--muted-foreground);font-size:.875rem}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.footer-links{display:flex;gap:1rem}.footer-links a{transition:color .3s ease}.footer-links a:hover{color:var(--primary);text-decoration:underline}@media (max-width: 768px){.mobile-menu-toggle{display:block}nav{position:fixed;inset:0;background:linear-gradient(45deg,var(--primary),var(--secondary),var(--accent));display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;transform:translate(-100%);transition:transform .3s ease;padding:2rem 1rem}nav.active{transform:translate(0)}nav a{font-size:1.5rem;margin:1rem 0;padding:1rem 2rem;width:100%;text-align:center;background-color:#ffffff1a;border-radius:.5rem;transition:background-color .3s ease;color:var(--background)}nav a:hover,nav a:focus{background-color:#0003;color:var(--background)}.nav-button,.login-button{font-size:1.5rem;margin-top:1rem;background:var(--primary-foreground);color:var(--primary)}.nav-button:hover,.nav-button:focus,.login-button:hover,.login-button:focus{background:var(--muted)}.header-content{flex-direction:row;align-items:center}.theme-toggle{background:linear-gradient(45deg,var(--primary),var(--secondary),var(--accent));padding:.5rem;border-radius:50%;position:initial!important}.theme-toggle svg{color:var(--primary-foreground)}.mega-menu{display:none!important}.login-button{font-size:1.5rem;margin:1rem 0;padding:1rem 2rem;width:100%;text-align:center;background-color:#ffffff1a;border-radius:.5rem;transition:background-color .3s ease;color:var(--background);justify-content:center}.login-button:hover,.login-button:focus{background-color:#0003;color:var(--background)}}@media (max-width: 480px){.hero h1{font-size:1.75rem}.hero p{font-size:1rem}.services h2,.pricing h2,.cta h2,.clients h2{font-size:1.75rem}.service-card,.pricing-card{padding:1rem}.price{font-size:1.5rem}.clients-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.client-logo{max-width:80px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-in-out}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}a:focus,button:focus,input:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:2px}.theme-toggle svg{transition:transform .3s ease}.theme-toggle:hover svg{transform:rotate(15deg)}html{scroll-behavior:smooth}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}