.mme-mtai-logo{display:inline-block;transition:transform var(--transition-base);vertical-align:middle}.dyven-logo:hover{transform:scale(1.05)}.dyven-logo.compact{width:150px;height:50px}.dyven-logo.footer{width:170px;height:57px}.mme-mtai-logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.dyven-logo.light-bg text{fill:#1a2b3d}.dyven-logo.light-bg .logo-line{stroke:#ff6b35}@media(max-width:768px){.dyven-logo.compact{width:130px;height:43px}.dyven-logo.footer{width:150px;height:50px}}.header{background:#0f172af2;color:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 4px 20px #0000001a;width:100%;display:block;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}.header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}.header-container{max-width:1280px;margin:0 auto;padding:.5rem var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.logo-link{display:flex;align-items:center;text-decoration:none;transition:transform var(--transition-base)}.logo-link:hover{transform:scale(1.05)}.nav{display:flex;gap:var(--spacing-md);align-items:center}.nav-link{color:var(--color-white);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:4px;transition:all var(--transition-fast);position:relative}.nav-link:hover{color:var(--color-accent);background-color:#f59e0b26}.nav-link.active{color:var(--color-accent)}.nav-link.active:after{content:"";position:absolute;bottom:0;left:var(--spacing-sm);right:var(--spacing-sm);height:2px;background-color:var(--color-accent)}.menu-toggle{display:none;color:var(--color-white);font-size:var(--font-size-xl);background:none;border:none;cursor:pointer;padding:var(--spacing-xs)}@media(max-width:768px){.menu-toggle{display:block}.nav{position:fixed;top:72px;left:0;right:0;background-color:var(--color-dark-blue);flex-direction:column;padding:var(--spacing-md);gap:var(--spacing-sm);box-shadow:var(--shadow-lg);transform:translate(-100%);opacity:0;visibility:hidden;transition:all var(--transition-base);max-height:calc(100vh - 72px);overflow-y:auto}.nav-open{transform:translate(0);opacity:1;visibility:visible}.nav-link{width:100%;text-align:center;padding:var(--spacing-sm)}.header-container{padding:var(--spacing-sm)}}.footer{background:linear-gradient(135deg,var(--color-dark-blue) 0%,#1A2332 100%);color:var(--color-white);padding:var(--spacing-xl) 0 var(--spacing-md);margin-top:var(--spacing-2xl);position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent)}.footer:after{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(245,158,11,.1) 0%,transparent 70%);border-radius:50%}.footer-container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-md);position:relative;z-index:1}.footer-content{display:grid;grid-template-columns:1.5fr 1fr 1.2fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg);align-items:start}.footer-section{display:flex;flex-direction:column}.footer-section.footer-brand{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-section h3,.footer-section h4{color:var(--color-accent);margin-bottom:var(--spacing-sm);font-weight:600;font-size:1.1rem;text-transform:uppercase;letter-spacing:.5px}.footer-logo{max-width:180px;height:auto;object-fit:contain}.footer-description{color:var(--color-gray-light);line-height:1.7;font-size:.95rem}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--spacing-xs)}.footer-links a{color:var(--color-gray-light);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-accent)}.footer-contact{list-style:none}.footer-contact li{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--color-gray-light)}.footer-icon{color:var(--color-accent);margin-top:4px;flex-shrink:0}.footer-contact a{color:var(--color-gray-light);transition:color var(--transition-fast)}.footer-contact a:hover{color:var(--color-accent)}.footer-legal{border-top:1px solid rgba(255,255,255,.1);padding:var(--spacing-lg) 0;margin-top:var(--spacing-md)}.footer-legal .legal-content{max-width:900px;margin:0 auto;text-align:center}.footer-legal p{color:var(--color-gray-light);font-size:.85rem;line-height:1.6;margin-bottom:var(--spacing-sm)}.footer-legal p:last-child{margin-bottom:0}.footer-legal strong{color:var(--color-white);font-weight:600}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--spacing-md);text-align:center;color:var(--color-gray-light)}@media(max-width:992px){.footer-content{grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.footer-section.footer-brand{grid-column:1 / -1}}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:var(--spacing-md)}.footer{padding:var(--spacing-lg) 0 var(--spacing-md)}.footer-section.footer-brand{text-align:center;align-items:center}.footer-section .mme-mtai-logo{max-width:150px}.footer-legal p{font-size:.8rem;text-align:left;padding:0 var(--spacing-sm)}}.hero{position:relative;height:90vh;min-height:600px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;background-attachment:fixed;color:#fff;padding:0 2rem;text-align:center;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#1a2b3d66,#1a2b3db3,#1a2b3de6);z-index:1}.hero-content{position:relative;z-index:2;max-width:1000px;margin:0 auto;padding-top:4rem;animation:fadeInUp 1.2s cubic-bezier(.2,.8,.2,1)}.hero-title{font-size:5rem;font-weight:800;margin-bottom:1.5rem;color:#fff;line-height:1.1;letter-spacing:-.03em;text-shadow:0 4px 20px rgba(0,0,0,.3);background:none;-webkit-text-fill-color:#FFFFFF;animation:none}.hero-subtitle{font-size:1.5rem;font-weight:400;margin-bottom:3rem;color:#ffffffe6;line-height:1.6;max-width:800px;margin-left:auto;margin-right:auto;text-shadow:0 2px 10px rgba(0,0,0,.3)}.hero-cta{display:inline-flex;align-items:center;justify-content:center;padding:16px 48px;background:var(--gradient-accent);color:#fff;font-weight:700;font-size:1.125rem;border-radius:50px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #f59e0b66;text-decoration:none;border:2px solid transparent;position:relative;overflow:hidden;z-index:1}.hero-cta:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px #f59e0b80;background:#fff;color:var(--color-accent-dark);border-color:var(--color-accent)}.hero-scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:.8;animation:bounce 2s infinite}.hero-scroll-indicator span{font-size:.875rem;text-transform:uppercase;letter-spacing:2px;font-weight:500}.hero-scroll-indicator .arrow{width:20px;height:20px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@media(max-width:768px){.hero{height:auto;min-height:500px;padding:6rem 1.5rem}.hero-title{font-size:3rem}.hero-subtitle{font-size:1.125rem}}.card{background:#fff;border-radius:16px;padding:var(--spacing-lg);box-shadow:0 4px 6px #0000000d;transition:all .4s cubic-bezier(.4,0,.2,1);height:100%;display:flex;flex-direction:column;border:1px solid var(--color-gray-light);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-accent);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.card:hover:before{transform:scaleX(1)}.card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a;border-color:transparent}.card-icon{font-size:var(--font-size-4xl);color:var(--color-accent);margin-bottom:var(--spacing-sm);transition:all .4s ease;display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:#f59e0b1a;border-radius:12px}.card:hover .card-icon{transform:rotate(5deg);background:var(--gradient-accent);color:#fff;box-shadow:0 8px 16px #f59e0b4d}.card:hover .card-title{color:var(--color-accent)}.card-description{color:var(--color-gray-medium);line-height:1.6;flex-grow:1}.card-content{margin-top:var(--spacing-sm)}@media(max-width:768px){.card{padding:var(--spacing-md)}}.metrics{padding:var(--spacing-2xl) 0;background:var(--color-dark-blue);color:#fff;position:relative;overflow:hidden}.metrics:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 50% 50%,rgba(245,158,11,.15) 0%,transparent 70%);pointer-events:none}.metrics-container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-md);display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);position:relative;z-index:1}.metric-item{text-align:center;padding:var(--spacing-lg);background:#ffffff08;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .4s ease}.metric-item:hover{background:#ffffff14;transform:translateY(-5px);border-color:var(--color-accent)}.metric-value{font-size:3rem;font-weight:800;color:var(--color-accent);margin-bottom:var(--spacing-xs);line-height:1.2;transition:all .3s ease}.metric-item:hover .metric-value{transform:scale(1.05)}.metric-label{font-size:var(--font-size-lg);font-weight:600;color:#fff;margin-bottom:var(--spacing-xs);text-shadow:0 2px 4px rgba(0,0,0,.3)}.metric-description{font-size:var(--font-size-sm);color:#cbd5e1;line-height:1.5}.metric-item:before{display:none}@media(max-width:768px){.metrics-container{grid-template-columns:1fr;gap:var(--spacing-md)}.metric-value{font-size:var(--font-size-4xl)}}.image-section{width:100%;margin:var(--spacing-xl) 0}.image-wrapper{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}.section-image{width:100%;height:var(--image-height, 400px);object-fit:cover;border-radius:16px;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000001a;display:block;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid rgba(226,232,240,.5)}.landscape-image{object-fit:contain!important;height:auto!important;aspect-ratio:16 / 9;max-height:400px;background-color:var(--color-background-light)}.section-image:hover{transform:scale(1.02);box-shadow:0 25px 30px -5px #0003,0 15px 15px -5px #00000026;border-color:#ff6b354d}.image-placeholder{width:100%;height:var(--image-height, 400px);background:linear-gradient(135deg,var(--color-gray-light) 0%,var(--color-background-light) 50%,var(--color-gray-light) 100%);background-size:200% 200%;border-radius:16px;display:flex;align-items:center;justify-content:center;border:2px dashed var(--color-gray-medium);box-shadow:0 10px 15px -3px #0000001a;animation:shimmer 3s ease-in-out infinite;transition:all .4s ease}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.image-placeholder:hover{border-color:var(--color-primary-orange);transform:scale(1.01)}.placeholder-content{text-align:center;color:var(--color-gray-medium)}.placeholder-content svg{margin:0 auto var(--spacing-sm);color:var(--color-gray-medium)}.placeholder-content p{margin:0;font-size:var(--font-size-sm);color:var(--color-gray-medium)}.image-caption{text-align:center;color:var(--color-gray-medium);font-size:var(--font-size-sm);margin-top:var(--spacing-sm);font-style:italic}@media(max-width:768px){.image-wrapper{padding:0 var(--spacing-sm)}.section-image,.image-placeholder{height:250px}}.clients-section{padding:var(--spacing-2xl) 0;background:linear-gradient(180deg,var(--color-white) 0%,var(--color-background-light) 100%);position:relative}.clients-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-gray-light),transparent)}.clients-title{text-align:center;color:var(--color-dark-blue);margin-bottom:var(--spacing-xl);font-size:var(--font-size-3xl);font-weight:700;position:relative;display:inline-block;width:100%}.clients-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,transparent,var(--color-primary-orange),transparent);border-radius:2px}.clients-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);max-width:1200px;margin:0 auto;align-items:center}.client-logo-wrapper{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-background-light) 0%,var(--color-white) 100%);border-radius:12px;min-height:120px;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid var(--color-gray-light);position:relative;overflow:hidden}.client-logo-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary-orange),transparent);transform:scaleX(0);transition:transform .4s ease}.client-logo-wrapper:hover:before{transform:scaleX(1)}.client-logo-wrapper:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 12px 20px -5px #00000026;background:var(--color-white);border-color:#ff6b354d}.client-logo{max-width:100%;max-height:80px;width:auto;height:auto;object-fit:contain;filter:grayscale(100%);opacity:.7;transition:all var(--transition-base)}.client-logo-wrapper:hover .client-logo{filter:grayscale(0%);opacity:1}.client-logo-placeholder{text-align:center;color:var(--color-gray-medium);font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-sm)}.client-name{display:block;line-height:1.4}@media(max-width:1024px){.clients-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.client-logo-wrapper{min-height:100px;padding:var(--spacing-md)}.client-logo{max-height:60px}}@media(max-width:768px){.clients-title{font-size:var(--font-size-2xl)}.clients-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.client-logo-wrapper{min-height:80px;padding:var(--spacing-sm)}.client-logo{max-height:50px}.client-name{font-size:var(--font-size-xs)}}.split-section{padding:var(--spacing-2xl) 0;overflow:hidden}.split-section.bg-white{background-color:var(--color-white)}.split-section.bg-light{background-color:var(--color-background-light)}.split-section.bg-dark{background-color:var(--color-dark-blue);color:var(--color-white)}.split-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.split-section.reverse .split-container{direction:rtl}.split-section.reverse .split-content{direction:ltr}.split-title{font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--spacing-lg);line-height:1.2;position:relative}.split-section.bg-dark .split-title{color:var(--color-white)}.split-title:after{content:"";display:block;width:80px;height:4px;background:var(--gradient-accent);margin-top:var(--spacing-sm);border-radius:2px}.split-text{font-size:var(--font-size-lg);line-height:1.8;margin-bottom:var(--spacing-lg);color:var(--color-gray-medium)}.split-section.bg-dark .split-text{color:var(--color-gray-light)}.split-cta{display:inline-block;padding:12px 32px;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.split-cta.btn-primary{background:var(--gradient-accent);color:var(--color-white)}.split-cta.btn-light{background-color:var(--color-white);color:var(--color-dark-blue)}.split-cta:hover{transform:translateY(-2px);box-shadow:0 8px 15px #00000026}.split-image-container{position:relative;border-radius:16px;overflow:visible}.split-image{width:100%;height:100%;min-height:400px;object-fit:cover;border-radius:16px;position:relative;z-index:2;box-shadow:0 20px 40px #00000026}.split-placeholder{width:100%;height:400px;background-color:#ddd;border-radius:16px}.split-decoration{position:absolute;top:-20px;right:-20px;width:100%;height:100%;border:3px solid var(--color-accent);border-radius:16px;z-index:1;transition:transform .3s ease}.split-section.reverse .split-decoration{right:auto;left:-20px}.split-image-container:hover .split-decoration{transform:translate(10px,-10px)}.split-section.reverse .split-image-container:hover .split-decoration{transform:translate(-10px,-10px)}@media(max-width:968px){.split-container{grid-template-columns:1fr;gap:var(--spacing-lg)}.split-section.reverse .split-container{direction:ltr}.split-image-container{order:-1;margin:0 var(--spacing-md)}.split-decoration{display:none}}.feature-list{list-style:none;padding:0;margin:var(--spacing-md) 0}.feature-list li{position:relative;padding-left:24px;margin-bottom:12px;color:var(--color-gray-medium)}.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}.bg-dark{background-color:var(--color-dark-blue);color:var(--color-white);padding:var(--spacing-2xl) 0}.text-white{color:var(--color-white)!important}.bg-dark .card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.bg-dark .card-title{color:var(--color-white)}.bg-dark .card-description{color:var(--color-gray-light)}.bg-dark .card:hover{background:#ffffff1a}.showcase-section{display:none}.advantages-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);max-width:1200px;margin:0 auto}.advantage-item{display:flex;align-items:flex-start;gap:1rem;padding:var(--spacing-md);background:#ffffff0d;border-radius:8px;transition:all var(--transition-base)}.advantage-item:hover{background:#ffffff1a;transform:translate(8px)}.advantage-icon{color:var(--color-accent);font-size:1.5rem;flex-shrink:0;margin-top:.25rem}.advantage-item p{color:var(--color-gray-light);margin:0;line-height:1.6}.solutions-section{padding:var(--spacing-2xl) 0;background:var(--color-background-light)}.solutions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-md)}.benefits-section{padding:var(--spacing-2xl) 0}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-md)}.highlight-box{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);padding:1.5rem;border-left:4px solid var(--color-accent);border-radius:8px;margin-bottom:1rem}.cta-section{padding:var(--spacing-2xl) 0;background:linear-gradient(135deg,var(--color-dark-blue) 0%,#1A2332 100%);position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:-50%;left:-25%;width:600px;height:600px;background:radial-gradient(circle,rgba(245,158,11,.15) 0%,transparent 70%);border-radius:50%}.cta-section:after{content:"";position:absolute;bottom:-30%;right:-15%;width:500px;height:500px;background:radial-gradient(circle,rgba(245,158,11,.1) 0%,transparent 70%);border-radius:50%}.cta-content{text-align:center;position:relative;z-index:1;max-width:700px;margin:0 auto;padding:var(--spacing-xl);background:#ffffff08;border-radius:24px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-content h2{font-size:var(--font-size-4xl);color:var(--color-white);margin-bottom:var(--spacing-md);font-weight:700}.cta-content p{font-size:var(--font-size-lg);color:var(--color-gray-light);margin-bottom:var(--spacing-lg);line-height:1.7}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.5rem;background:var(--gradient-accent);color:var(--color-white);font-weight:700;font-size:var(--font-size-lg);border-radius:50px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #f59e0b66;border:2px solid transparent}.cta-button:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px #f59e0b80;background:var(--color-white);color:var(--color-accent-dark);border-color:var(--color-accent)}.section-title{text-align:center;margin-bottom:var(--spacing-lg);position:relative;padding-bottom:var(--spacing-sm)}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:var(--gradient-accent);border-radius:2px}@media(max-width:768px){.tech-features{flex-direction:column;gap:1rem;align-items:center}.tech-item{width:100%;justify-content:center}.cta-content h2{font-size:var(--font-size-2xl)}.cta-content{padding:var(--spacing-md)}}.image-grid{display:grid;grid-template-columns:repeat(var(--grid-columns, 3),1fr);gap:var(--spacing-lg);margin:var(--spacing-xl) 0;padding:0 var(--spacing-md)}.grid-image-item{width:100%}.landscape-item{grid-column:span 1}@media(max-width:1024px){.image-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.image-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}.about-section,.differentiator-section{display:none}.advantages-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);max-width:1200px}.content-box.highlight-box{background:var(--color-background-light);padding:1.5rem;border-left:4px solid var(--color-primary-orange);border-radius:4px}.advantages-item{display:flex;align-items:flex-start;gap:1rem}.advantage-icon{color:var(--color-primary-orange);font-size:1.5rem;flex-shrink:0;margin-top:.25rem}.solutions-grid,.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-md)}.certifications-section{background-color:var(--color-background-light);padding:var(--spacing-2xl) 0}.certifications-list{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:900px;margin:0 auto}.certification-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:#fff;border-radius:8px;box-shadow:var(--shadow-sm);align-items:flex-start}.cert-icon{color:var(--color-primary-orange);font-size:2rem;flex-shrink:0}.market-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.project-content{text-align:center}.project-icon{font-size:2.5rem;color:var(--color-primary-orange);margin-bottom:var(--spacing-sm)}.project-location{color:var(--color-gray-medium);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.project-achievement{color:var(--color-primary-orange);font-weight:600;font-size:var(--font-size-sm)}.gallery-section{background-color:var(--color-background-light);padding:var(--spacing-2xl) 0}.exclusive-distributor-section{padding:5rem 0;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);text-align:center;border-bottom:1px solid #BAE6FD}.distributor-badge{display:inline-block;background:var(--color-primary);color:#fff;padding:.5rem 1.5rem;border-radius:50px;font-weight:700;text-transform:uppercase;font-size:.875rem;letter-spacing:1px;margin-bottom:1.5rem;box-shadow:0 4px 6px #1e40af4d}.distributor-text{font-size:1.25rem;max-width:800px;margin:0 auto 3rem;color:var(--color-dark-blue);line-height:1.8}.tech-features{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.tech-item{display:flex;align-items:center;gap:.75rem;font-weight:600;color:var(--color-dark-blue);background:#fff;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease}.tech-item:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0000001a}.tech-icon{font-size:1.5rem}@media(max-width:768px){.tech-features{flex-direction:column;gap:1rem;align-items:center}.tech-item{width:100%;justify-content:center}.exclusive-distributor-section{padding:3rem 0}.distributor-text{font-size:1rem;padding:0 1rem}}.proyectos{min-height:100vh}.project-detail-section{margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl) 0}.project-header-section{display:flex;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-gray-light)}.project-icon-wrapper{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--gradient-primary);border-radius:12px;color:#fff;font-size:1.5rem;flex-shrink:0}.project-info{flex:1}.project-info .project-name{font-size:var(--font-size-3xl);color:var(--color-dark-blue);margin-bottom:var(--spacing-xs)}.project-info .project-location{color:var(--color-gray-medium);font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.project-info .project-description{color:var(--color-gray-dark);line-height:1.6;margin-top:var(--spacing-sm)}.project-gallery{margin-top:var(--spacing-lg)}.project-gallery.landscape-images .image-grid{grid-template-columns:repeat(2,1fr)}.project-gallery.landscape-images .section-image{object-fit:contain!important;height:auto!important;aspect-ratio:16 / 9;max-height:400px;background-color:var(--color-background-light)}@media(max-width:768px){.project-gallery.landscape-images .image-grid{grid-template-columns:1fr}.project-gallery.landscape-images .section-image{max-height:300px}}@media(max-width:768px){.project-header-section{flex-direction:column;gap:var(--spacing-md)}.project-info .project-name{font-size:var(--font-size-2xl)}}.filters-section{padding:var(--spacing-lg) 0;background:linear-gradient(180deg,var(--color-white) 0%,var(--color-background-light) 100%);position:sticky;top:72px;z-index:100;box-shadow:0 4px 6px -1px #0000001a;border-bottom:1px solid var(--color-gray-light)}.filters{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm)}.filter-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,var(--color-white) 0%,#F7FAFC 100%);border:2px solid var(--color-gray-light);border-radius:8px;color:var(--color-gray-medium);font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.filter-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,107,53,.1),transparent);transition:left .5s ease}.filter-button:hover:before{left:100%}.filter-button:hover{border-color:var(--color-primary-orange);color:var(--color-primary-orange);transform:translateY(-2px);box-shadow:0 4px 8px #ff6b3533}.filter-button.active{background:linear-gradient(135deg,var(--color-primary-orange) 0%,#e55a2b 100%);border-color:var(--color-primary-orange);color:var(--color-white);box-shadow:0 4px 12px #ff6b3566;transform:translateY(-2px)}.filter-icon{font-size:var(--font-size-lg)}.projects-section{padding:var(--spacing-2xl) 0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg);max-width:1400px;margin:0 auto}.project-card{height:100%;display:flex;flex-direction:column}.project-image-wrapper{margin-bottom:var(--spacing-md);border-radius:8px;overflow:hidden}.featured-projects-section{padding:var(--spacing-2xl) 0;background-color:var(--color-background-light)}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.project-icon-wrapper{font-size:var(--font-size-3xl);color:var(--color-primary-orange)}.project-type{font-size:var(--font-size-xs);color:var(--color-primary-orange);background-color:#ff6b351a;padding:var(--spacing-xs) var(--spacing-sm);border-radius:4px;font-weight:600}.project-name{color:var(--color-dark-blue);margin-bottom:var(--spacing-xs);font-size:var(--font-size-xl)}.project-location{color:var(--color-primary-orange);font-weight:600;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm)}.project-description{color:var(--color-gray-medium);line-height:1.6;margin-bottom:var(--spacing-sm);flex-grow:1}.project-achievement{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background-color:#ff6b351a;border-left:3px solid var(--color-primary-orange);border-radius:4px}.project-achievement strong{color:var(--color-primary-orange);font-size:var(--font-size-sm)}.no-projects{text-align:center;padding:var(--spacing-2xl);color:var(--color-gray-medium)}.stats-section{background:linear-gradient(135deg,var(--color-dark-blue) 0%,var(--color-gray-dark) 50%,var(--color-dark-blue) 100%);background-size:200% 200%;padding:var(--spacing-2xl) 0;color:var(--color-white);position:relative;overflow:hidden;animation:gradientShift 15s ease infinite}.stats-section:before{content:"";position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,107,53,.1) 0%,transparent 70%);border-radius:50%}.stats-section:after{content:"";position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,107,53,.08) 0%,transparent 70%);border-radius:50%}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);max-width:1400px;margin:0 auto;position:relative;z-index:1;width:100%}.stat-item{text-align:center;padding:var(--spacing-xl);background:#ffffff0d;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .4s ease;min-width:0;overflow:visible;width:100%;box-sizing:border-box}.stat-item:hover{transform:translateY(-8px) scale(1.05);background:#ffffff1a;box-shadow:0 12px 24px #0000004d}.stat-number{font-size:3rem;font-weight:800;color:var(--color-accent);margin-bottom:var(--spacing-sm);line-height:1.3;transition:all .3s ease}.stat-item:hover .stat-number{transform:scale(1.05)}.stat-label{font-size:var(--font-size-lg);color:var(--color-gray-light);word-wrap:break-word;overflow:visible}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}}@media(max-width:768px){.filters{gap:var(--spacing-xs)}.filter-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.projects-grid{grid-template-columns:1fr}.stat-number{font-size:2rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.stat-item{padding:var(--spacing-md)}}.contact-form{max-width:800px;margin:0 auto;padding:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:var(--color-dark-blue);margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm)}.form-group input,.form-group textarea{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-gray-light);border-radius:8px;font-family:var(--font-primary);font-size:var(--font-size-base);transition:all .3s ease;width:100%;background:var(--color-white)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1e40af1a;transform:translateY(-1px)}.form-group textarea{resize:vertical;min-height:120px}.form-submit{width:100%;padding:var(--spacing-sm) var(--spacing-lg);background:var(--gradient-primary);color:var(--color-white);font-weight:600;font-size:var(--font-size-base);border-radius:8px;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;margin-top:var(--spacing-md);position:relative;overflow:hidden;box-shadow:0 4px 12px #1e40af4d}.form-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.form-submit:hover:before{left:100%}.form-submit:hover{background:var(--gradient-accent);transform:translateY(-3px);box-shadow:0 8px 20px #1e40af66}.form-submit:active{transform:translateY(-1px)}.form-status{padding:var(--spacing-sm);background-color:#d4edda;color:#155724;border-radius:4px;margin-bottom:var(--spacing-sm);text-align:center}@media(max-width:768px){.form-row{grid-template-columns:1fr}.contact-form{padding:var(--spacing-md)}}.contacto{min-height:100vh}.contact-section{padding:var(--spacing-2xl) 0}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);max-width:1400px;margin:0 auto}.contact-info h2,.contact-form-wrapper h2{color:var(--color-dark-blue);margin-bottom:var(--spacing-md);font-size:var(--font-size-3xl)}.contact-description{color:var(--color-gray-medium);line-height:1.6;margin-bottom:var(--spacing-xl);font-size:var(--font-size-lg)}.contact-details{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.contact-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-background-light);border-radius:8px;transition:transform var(--transition-base)}.contact-item:hover{transform:translate(8px)}.contact-icon-wrapper{flex-shrink:0;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);border-radius:50%;color:var(--color-white)}.contact-icon{font-size:var(--font-size-xl)}.contact-text h3{color:var(--color-dark-blue);margin-bottom:var(--spacing-xs);font-size:var(--font-size-lg)}.contact-text p{color:var(--color-gray-medium);line-height:1.6;margin:0}.contact-text a{color:var(--color-primary);transition:color var(--transition-fast)}.contact-text a:hover{color:var(--color-primary-dark);text-decoration:underline}.contact-cta{padding:var(--spacing-lg);background:linear-gradient(135deg,#1e40af1a,#1e40af0d);border-left:4px solid var(--color-primary);border-radius:8px}.contact-cta h3{color:var(--color-dark-blue);margin-bottom:var(--spacing-sm)}.contact-cta p{color:var(--color-gray-medium);margin-bottom:var(--spacing-md);line-height:1.6}.cta-buttons{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.cta-buttons .cta-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:8px;font-weight:600;font-size:1rem;transition:all var(--transition-base);text-decoration:none;width:180px;height:48px;box-sizing:border-box}.cta-buttons .cta-button.phone{background-color:var(--color-accent);color:#fff;border:2px solid var(--color-accent)}.cta-buttons .cta-button.phone:hover{background-color:var(--color-accent-dark);border-color:var(--color-accent-dark);transform:translateY(-2px);box-shadow:var(--shadow-md);color:#fff}.cta-buttons .cta-button.email{background-color:#fff!important;background:#fff!important;color:#f59e0b!important;border:2px solid #F59E0B!important}.cta-buttons .cta-button.email:hover{background-color:#f59e0b!important;background:#f59e0b!important;color:#fff!important;transform:translateY(-2px);box-shadow:var(--shadow-md)}.contact-form-wrapper{background:linear-gradient(135deg,var(--color-white) 0%,#F7FAFC 100%);padding:var(--spacing-xl);border-radius:16px;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000001a;border:1px solid rgba(226,232,240,.8);position:relative}.contact-form-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),transparent);border-radius:16px 16px 0 0}@media(max-width:1024px){.contact-content{grid-template-columns:1fr}.contact-form-wrapper{order:-1}}@media(max-width:768px){.contact-info h2,.contact-form-wrapper h2{font-size:var(--font-size-2xl)}.contact-item{flex-direction:column;text-align:center}.contact-icon-wrapper{margin:0 auto}.cta-buttons{flex-direction:column}.cta-button{width:100%;justify-content:center}.contact-form-wrapper{padding:var(--spacing-md)}}:root{--color-primary: #1E40AF;--color-primary-light: #3B82F6;--color-primary-dark: #1E3A8A;--color-accent: #F59E0B;--color-accent-light: #FBBF24;--color-accent-dark: #D97706;--color-secondary: #10B981;--color-secondary-light: #34D399;--color-secondary-dark: #059669;--color-dark-blue: #0F172A;--color-blue-accent: #1E293B;--color-white: #FFFFFF;--color-off-white: #F8FAFC;--color-gray-medium: #64748B;--color-gray-light: #E2E8F0;--color-gray-dark: #334155;--color-background-light: #F1F5F9;--color-primary-orange: var(--color-accent);--color-orange-light: var(--color-accent-light);--color-orange-dark: var(--color-accent-dark);--color-teal: var(--color-secondary);--color-teal-light: var(--color-secondary-light);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-dark) 100%);--gradient-secondary: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-secondary-dark) 100%);--gradient-dark: linear-gradient(135deg, var(--color-dark-blue) 0%, #1E293B 100%);--gradient-hero: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 3rem;--spacing-xl: 4rem;--spacing-2xl: 6rem;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s ease-in-out;--transition-base: .3s ease-in-out;--transition-slow: .5s ease-in-out;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0;width:100%;height:100%}body{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:1.6;color:var(--color-dark-blue);background:var(--color-off-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column;width:100%;background-color:#fff}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}a:hover{color:var(--color-accent)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}ul{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--spacing-sm)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}.container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-md)}@media(max-width:768px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}.container{padding:0 var(--spacing-sm)}}