*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;line-height:1.4;scroll-behavior:smooth;transition:background-color .3s ease,color .3s ease}body[data-theme=dark]{background-color:#0a0a0c;color:#eae3d7}body[data-theme=dark] .navbar,body[data-theme=dark] .bottom-nav{background:#0a0a0cfa;border-bottom-color:#2a2a35;border-top-color:#2a2a35}body[data-theme=dark] .stats-section,body[data-theme=dark] .card,body[data-theme=dark] .software-item,body[data-theme=dark] .service-it-card,body[data-theme=dark] .cliente-card,body[data-theme=dark] .about-highlight,body[data-theme=dark] .market-card,body[data-theme=dark] .contact-grid{background:#131418;border-color:#2a2a35}body[data-theme=dark] .it-services,body[data-theme=dark] .clientes-section,body[data-theme=dark] #sobre,body[data-theme=dark] #contato{background:#0d0d12}body[data-theme=dark] .software-showcase{background:linear-gradient(135deg,#0b0b10,#0a0a0c)}body[data-theme=dark] footer{background:#050507}body[data-theme=light]{background-color:#f5f7fa;color:#1a2a3a}body[data-theme=light] .navbar{background:#fffffffa;border-bottom-color:#e0e4e8}body[data-theme=light] .bottom-nav{background:#fffffffa;border-top-color:#e0e4e8}body[data-theme=light] .stats-section,body[data-theme=light] .card,body[data-theme=light] .software-item,body[data-theme=light] .service-it-card,body[data-theme=light] .cliente-card,body[data-theme=light] .about-highlight,body[data-theme=light] .market-card,body[data-theme=light] .contact-grid{background:#fff;border-color:#e0e4e8}body[data-theme=light] .it-services,body[data-theme=light] .clientes-section,body[data-theme=light] #sobre,body[data-theme=light] #contato{background:#f8f9fc}body[data-theme=light] .software-showcase{background:linear-gradient(135deg,#f0f2f5,#f5f7fa)}body[data-theme=light] footer{background:#e8ecf0;border-top-color:#d0d5db}body[data-theme=light] .hero-sub,body[data-theme=light] .card p,body[data-theme=light] .software-item p,body[data-theme=light] .service-it-description,body[data-theme=light] .cliente-card p,body[data-theme=light] .market-card p,body[data-theme=light] .feature-list div{color:#5a6b7a}body[data-theme=light] .hero-title,body[data-theme=light] .section-title,body[data-theme=light] .card h3,body[data-theme=light] .software-item h3,body[data-theme=light] .service-it-title,body[data-theme=light] .cliente-card h4,body[data-theme=light] .contact-info h2,body[data-theme=light] .footer-logo{color:#1a2a3a}body[data-theme=light] .hero-tagline,body[data-theme=light] .section-sub,body[data-theme=light] .stat-label,body[data-theme=light] .footer-copy,body[data-theme=light] footer ul li a,body[data-theme=light] .contact-icon{color:#6b7a8a}body[data-theme=light] .stat-number{color:var(--mayel-blue)}body[data-theme=light] .btn-outline{border-color:var(--mayel-blue);color:#1a2a3a}body[data-theme=light] .slide:before{background:linear-gradient(135deg,#f5f7fad9,#f5f7fab3)}.theme-toggle{background:#0b5ed726;border:1px solid var(--mayel-border);border-radius:40px;padding:8px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500;transition:.3s;color:var(--mayel-text-light)}body[data-theme=light] .theme-toggle{background:#0b5ed71a;color:#1a2a3a;border-color:#d0d5db}.theme-toggle:hover{background:var(--mayel-blue);color:#fff}.social-sidebar{position:fixed;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:15px;z-index:1000;transition:all .3s ease}.social-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;transition:all .3s ease;text-decoration:none;box-shadow:0 4px 12px #00000026;background:#fff}.social-icon.whatsapp{background:#25d366;color:#fff}.social-icon.instagram{background:radial-gradient(circle at 30% 110%,#ffdb70,#e4405f,#bc2a8d);color:#fff}.social-icon.linkedin{background:#0077b5;color:#fff}.social-icon.facebook{background:#1877f2;color:#fff}.social-icon.youtube{background:red;color:#fff}.social-icon.twitter{background:#1da1f2;color:#fff}.social-icon:hover{transform:scale(1.1);filter:brightness(1.05)}@media (max-width: 768px){.social-sidebar{right:12px;gap:10px}.social-icon{width:40px;height:40px;font-size:1.2rem}}@media (max-width: 480px){.social-sidebar{right:8px;gap:8px}.social-icon{width:36px;height:36px;font-size:1rem}}:root{--mayel-blue: #0B5ED7;--mayel-blue-light: #2B7AEE;--mayel-gold: #D4AF37;--mayel-border: #2A2A35;--mayel-text-light: #EAE3D7;--mayel-text-muted: #9A9AA8}body[data-theme=light]{--mayel-border: #E0E4E8;--mayel-text-light: #1A2A3A;--mayel-text-muted: #6B7A8A}.container{max-width:1280px;margin:0 auto;padding:0 32px}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--mayel-border);position:sticky;top:0;z-index:1000;transition:.2s}.nav-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:16px 0}.logo-area{display:flex;align-items:center;gap:12px}.logo-text{display:flex;align-items:baseline;gap:6px}.logo-mayel{font-weight:800;font-size:1.9rem;letter-spacing:-.02em;color:var(--mayel-blue)}.logo-soluc{font-weight:700;font-size:1.8rem;letter-spacing:-.01em;border-left:2px solid var(--mayel-blue);padding-left:10px;margin-left:2px}body[data-theme=dark] .logo-soluc{color:var(--mayel-text-light)}body[data-theme=light] .logo-soluc{color:#1a2a3a}.nav-links{display:flex;gap:42px;align-items:center}.nav-links a{text-decoration:none;font-weight:500;transition:.2s;font-size:.98rem}body[data-theme=dark] .nav-links a{color:var(--mayel-text-muted)}body[data-theme=light] .nav-links a{color:#5a6b7a}.nav-links a:hover{color:var(--mayel-blue);border-bottom:2px solid var(--mayel-blue);padding-bottom:4px}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--mayel-border);display:none;justify-content:space-around;align-items:center;padding:10px 20px 20px;z-index:1100}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;transition:.2s;font-size:.7rem;font-weight:500}body[data-theme=dark] .bottom-nav-item{color:var(--mayel-text-muted)}body[data-theme=light] .bottom-nav-item{color:#5a6b7a}.bottom-nav-item i{font-size:1.5rem}.bottom-nav-item.active,.bottom-nav-item:hover{color:var(--mayel-blue)}@media (min-width: 901px){.bottom-nav{display:none!important}}@media (max-width: 900px){.nav-links{display:none!important}.bottom-nav{display:flex}body{padding-bottom:70px}}.hero{position:relative;height:100vh;min-height:650px;overflow:hidden}.hero-slider{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity .8s ease-in-out}.slide.active{opacity:1}.slide:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transition:.3s}.slide-1{background-image:url(https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=1600&h=900&fit=crop)}.slide-2{background-image:url(https://images.unsplash.com/photo-1550751827-4bd374c3f58b?w=1600&h=900&fit=crop)}.slide-3{background-image:url(https://images.unsplash.com/photo-1518770660439-4636190af475?w=1600&h=900&fit=crop)}.hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 32px}.hero-tagline{font-size:.85rem;text-transform:uppercase;letter-spacing:6px;color:var(--mayel-blue);font-weight:600;margin-bottom:24px;animation:fadeInUp .8s ease}.hero-title{font-size:4rem;font-weight:800;line-height:1.2;margin-bottom:24px;animation:fadeInUp .8s ease .1s both}.hero-title span{color:var(--mayel-blue)}.hero-sub{max-width:620px;font-size:1.1rem;line-height:1.6;margin-bottom:32px;border-left:3px solid var(--mayel-blue);padding-left:24px;animation:fadeInUp .8s ease .2s both}.hero-badge{display:flex;gap:20px;flex-wrap:wrap;animation:fadeInUp .8s ease .3s both}.btn-primary{background:var(--mayel-blue);color:#fff;padding:14px 34px;border-radius:40px;text-decoration:none;font-weight:600;transition:.25s;display:inline-flex;align-items:center;gap:10px;border:none}.btn-primary:hover{background:var(--mayel-blue-light);transform:translateY(-2px);box-shadow:0 8px 20px #0b5ed74d}.btn-outline{background:transparent;border:1.5px solid var(--mayel-blue);padding:14px 28px;border-radius:40px;font-weight:600;text-decoration:none;transition:.2s}.btn-outline:hover{background:#0b5ed71a;border-color:var(--mayel-blue-light)}.slider-controls{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:10}.slider-dot{width:12px;height:12px;border-radius:50%;background:#fff6;cursor:pointer;transition:all .3s;border:none}.slider-dot.active{background:var(--mayel-blue);width:30px;border-radius:6px}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#0b5ed74d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:.3s;border:1px solid rgba(11,94,215,.5);color:#fff;font-size:1.3rem}.slider-arrow:hover{background:var(--mayel-blue);transform:translateY(-50%) scale(1.05)}.slider-arrow.prev{left:30px}.slider-arrow.next{right:30px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stats-section{border-radius:32px;margin:-40px 0 40px;padding:48px 40px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px;border:1px solid;position:relative;z-index:5}.stat-item{flex:1;text-align:center}.stat-number{font-size:2.8rem;font-weight:800;color:var(--mayel-blue)}.stat-label{font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:1px}section{padding:80px 0}.section-title{font-size:2.4rem;font-weight:700;margin-bottom:16px}.section-sub{font-size:1rem;max-width:600px;margin-bottom:48px;border-bottom:2px solid var(--mayel-blue);display:inline-block;padding-bottom:12px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.card,.software-item,.service-it-card,.cliente-card,.market-card{border-radius:24px;padding:32px 28px;transition:.3s;border:1px solid}.card:hover,.software-item:hover,.service-it-card:hover,.cliente-card:hover,.market-card:hover{border-color:var(--mayel-blue);transform:translateY(-6px)}.card-icon,.software-icon,.service-it-icon,.cliente-icon{font-size:2.5rem;margin-bottom:20px;color:var(--mayel-blue)}.card h3,.software-item h3,.service-it-title,.cliente-card h4,.market-card h3{font-size:1.5rem;font-weight:700;margin-bottom:12px}.service-it-title{font-size:1.4rem}.service-it-header{display:flex;align-items:center;gap:16px;margin-bottom:8px}.service-it-icon{width:60px;height:60px;background:#0b5ed71a;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:2rem}.service-features{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.service-features span{background:#0b5ed714;padding:4px 12px;border-radius:20px;font-size:.7rem;color:var(--mayel-blue);font-weight:500}.service-link{margin-top:16px;color:var(--mayel-blue);text-decoration:none;font-size:.85rem;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:.2s}.service-link:hover{gap:12px}.software-tag{display:inline-block;background:#0b5ed726;padding:6px 16px;border-radius:30px;font-size:.75rem;color:var(--mayel-blue);font-weight:500}.clientes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:30px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.feature-list{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}.feature-list div{background:#0b5ed71a;padding:8px 18px;border-radius:40px;font-size:.85rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;border-radius:32px;padding:48px 44px;border:1px solid}.contact-item{display:flex;align-items:center;gap:16px;margin-bottom:24px}.contact-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.form-group input,.form-group textarea{width:100%;padding:14px 18px;border:1px solid var(--mayel-border);border-radius:28px;font-family:Inter,sans-serif;transition:.2s}body[data-theme=dark] .form-group input,body[data-theme=dark] .form-group textarea{background:#1a1a1e;color:var(--mayel-text-light)}body[data-theme=light] .form-group input,body[data-theme=light] .form-group textarea{background:#fff;color:#1a2a3a;border-color:#d0d5db}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--mayel-blue);box-shadow:0 0 0 3px #0b5ed733}button[type=submit]{background:var(--mayel-blue);border:none;padding:14px 32px;border-radius:40px;color:#fff;font-weight:600;cursor:pointer;transition:.2s}button[type=submit]:hover{background:var(--mayel-blue-light)}footer{border-top:1px solid;padding:48px 0 32px}.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;margin-bottom:32px}.footer-logo{font-weight:800;font-size:1.7rem;color:var(--mayel-blue)}.footer-copy{text-align:center;font-size:.8rem;padding-top:28px}footer ul{list-style:none}footer ul li a{text-decoration:none;font-size:.85rem;line-height:1.8}footer ul li a:hover{color:var(--mayel-blue)}@media (max-width: 900px){.container{padding:0 24px}.hero-title{font-size:2.5rem}.contact-grid,.about-grid{grid-template-columns:1fr}.stats-section{flex-direction:column;text-align:center;padding:32px 24px;margin-top:-60px}.section-title{font-size:1.8rem}.service-it-header{flex-direction:column;text-align:center}.clientes-grid{gap:20px}}@media (max-width: 480px){.hero-badge .btn-primary,.hero-badge .btn-outline{padding:10px 20px;font-size:.85rem}.card{padding:24px 20px}}.ver-mais-btn{display:inline-flex;align-items:center;gap:12px;padding:14px 32px;background:transparent;border:2px solid var(--mayel-blue);border-radius:40px;color:var(--mayel-blue);font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.ver-mais-btn:hover{background:var(--mayel-blue);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #0b5ed74d}.ver-mais-btn.ver-menos{border-color:#ef4444;color:#ef4444}.ver-mais-btn.ver-menos:hover{background:#ef4444;color:#fff;border-color:#ef4444}.text-center{text-align:center}.mt-8{margin-top:32px}.py-12{padding-top:48px;padding-bottom:48px}.mt-2{margin-top:8px}.clientes-enter-active,.clientes-leave-active{transition:all .5s ease}.clientes-enter-from{opacity:0;transform:translateY(30px)}.clientes-leave-to{opacity:0;transform:translateY(-30px)}.clientes-move{transition:transform .5s ease}