*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--secondary:#7c3aed;--accent:#06b6d4;--text:#1e293b;--text-light:#64748b;--bg:#fff;--bg-alt:#f8fafc;--bg-dark:#0f172a;--border:#e2e8f0;--radius:8px;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--max-width:1200px}html{scroll-behavior:smooth}body{color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}header{z-index:1000;backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#fffffff2;position:fixed;top:0;left:0;right:0}nav{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:.75rem 1.5rem;display:flex}.logo{align-items:center;gap:.75rem;text-decoration:none;display:flex}.logo img{width:48px;height:auto}.logo-text{color:var(--text);font-size:1.25rem;font-weight:700}.logo-legal{color:var(--text-light);vertical-align:super;font-size:.65rem;font-weight:400}.lang-switch{position:relative}.lang-btn{cursor:pointer;background:linear-gradient(135deg,#fff,#f8fafc);border:1.5px solid #2563eb26;border-radius:12px;padding:.5rem .875rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #2563eb0f}.lang-btn:before{content:"";opacity:0;border-radius:inherit;background:linear-gradient(135deg,#2563eb0a,#7c3aed0a);transition:opacity .3s;position:absolute;inset:0}.lang-btn:hover{border-color:#2563eb59;transform:translateY(-1px);box-shadow:0 4px 16px #2563eb1f}.lang-btn:hover:before{opacity:1}.lang-btn-inner{z-index:1;align-items:center;gap:.5rem;display:flex;position:relative}.flag-icon{filter:drop-shadow(0 1px 1px #0000001a);font-size:1.15rem;line-height:1}.lang-label{color:var(--text);letter-spacing:.01em;font-size:.85rem;font-weight:600}.chevron{color:var(--text-light);transition:transform .3s cubic-bezier(.4,0,.2,1)}.lang-switch:hover .chevron{transform:rotate(180deg)}.lang-dropdown{-webkit-backdrop-filter:blur(20px);opacity:0;visibility:hidden;z-index:100;transform-origin:100% 0;background:#ffffffeb;border:1px solid #fffc;border-radius:16px;min-width:180px;padding:.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;top:calc(100% + 8px);right:0;transform:translateY(8px)scale(.96);box-shadow:0 10px 40px #0000001a,0 2px 10px #0000000f,inset 0 1px #fffc}.lang-switch:hover .lang-dropdown,.lang-switch:focus-within .lang-dropdown{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.lang-option{color:var(--text);border-radius:10px;align-items:center;gap:.75rem;padding:.625rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.lang-option:hover{color:var(--primary);background:linear-gradient(135deg,#2563eb14,#7c3aed0d);transform:translate(2px)}.lang-option.active{color:var(--primary);background:linear-gradient(135deg,#2563eb1a,#7c3aed0f);font-weight:600}.lang-option-flag{font-size:1.1rem;line-height:1}.lang-option-label{flex:1}.check-icon{color:var(--primary);opacity:.8}.nav-links{align-items:center;gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--text);font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--primary)}.menu-toggle{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;padding:0;display:none}.menu-toggle span{background-color:var(--text);border-radius:2px;width:100%;height:2px;transition:all .3s ease-in-out;display:block}.menu-toggle.active span:first-child{transform:translateY(9px)rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-9px)rotate(-45deg)}.dropdown{position:relative}.dropbtn{align-items:center;gap:.35rem;display:inline-flex}.dropdown-arrow{font-size:.65rem;line-height:1;transition:transform .2s;display:inline-block}.dropdown:hover .dropdown-arrow{transform:rotate(180deg)}@keyframes dropdownFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dropdown-content{min-width:240px;box-shadow:var(--shadow-lg);border-radius:var(--radius);z-index:100;background:#fff;padding:.5rem 0;display:none;position:absolute;top:100%;right:0}.dropdown:hover .dropdown-content{display:block}.dropdown-content a{padding:.5rem 1rem;font-size:.875rem;transition:background .15s,color .15s;display:block}.dropdown-content a:hover{background:var(--primary);color:#fff}.hero-carousel{background:var(--bg-dark);align-items:center;min-height:70vh;margin-top:80px;display:flex;position:relative;overflow:hidden}.hero-carousel-container{width:100%;position:relative;overflow:hidden}.hero-carousel-track{direction:ltr;transition:transform .6s cubic-bezier(.4,0,.2,1);display:flex}.hero-carousel-slide{cursor:pointer;justify-content:center;align-items:center;min-width:100%;min-height:70vh;display:flex;position:relative}.hero-carousel-slide[data-href]:hover .hero-carousel-overlay h2{color:var(--accent)}.hero-carousel-image{width:100%;height:100%;position:absolute;inset:0}.hero-carousel-image img,.hero-carousel-image svg{object-fit:cover;width:100%;height:100%}.hero-carousel-image svg{display:block}.hero-carousel-overlay{z-index:2;text-align:center;max-width:700px;margin:0 auto;padding:2rem;position:relative}.hero-carousel-overlay h1,.hero-carousel-overlay h2{color:#fff;text-shadow:0 2px 10px #0000004d;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.hero-carousel-overlay p{color:#ffffffe6;text-shadow:0 1px 5px #0003;font-size:1.125rem;line-height:1.7}.hero-carousel-nav{z-index:10;align-items:center;gap:1.5rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero-carousel-btn{cursor:pointer;color:#fff;background:#0000004d;border:2px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.hero-carousel-btn:hover{background:#00000080;border-color:#fff}.hero-carousel-dots{gap:.5rem;display:flex}.hero-carousel-dot{cursor:pointer;background:#fff6;border:2px solid #fff9;border-radius:50%;width:12px;height:12px;padding:0;transition:all .2s}.hero-carousel-dot.active{background:#fff;border-color:#fff;transform:scale(1.2)}.hero-carousel-dot:hover{background:#ffffffb3}@media (width<=768px){.hero-carousel,.hero-carousel-slide{min-height:50vh}.hero-carousel-overlay h1,.hero-carousel-overlay h2{font-size:1.75rem}.hero-carousel-overlay p{font-size:1rem}.cta-content-with-qr{flex-direction:column;gap:1.5rem}.cta-text-group{min-width:unset}}.hero{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);justify-content:center;align-items:center;min-height:80vh;margin-top:80px;padding:4rem 1.5rem;display:flex}.hero-content{text-align:center;max-width:800px}.hero-content h1{color:var(--text);margin-bottom:1.5rem;font-size:3rem;font-weight:800;line-height:1.2}.hero-content p{color:var(--text-light);margin-bottom:2rem;font-size:1.25rem;line-height:1.8}.hero-content img{border-radius:var(--radius);max-width:100%;height:auto;box-shadow:var(--shadow-lg)}section{padding:5rem 0}section:nth-child(2n){background:var(--bg-alt)}h2{color:var(--text);margin-bottom:1.5rem;font-size:2rem;font-weight:700}h3{color:var(--text);margin-bottom:1rem;font-size:1.25rem;font-weight:600}p{color:var(--text-light);margin-bottom:1rem;line-height:1.8}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem;display:grid}.service-card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:2rem;transition:transform .2s,box-shadow .2s}.service-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.service-card h3{color:var(--primary);margin-bottom:1rem}.process ul{padding:0;list-style:none}.process li{border-bottom:1px solid var(--border);color:var(--text-light);padding:.75rem 0}.process li:last-child{border-bottom:none}.process li strong{color:var(--text)}.tech-stack p{font-size:1.125rem}section.contact{background:var(--bg-dark);color:#fff}.contact h2{color:#fff}.contact p{color:#fffc}.contact-content{text-align:center;max-width:700px;margin:0 auto}.contact-info{flex-wrap:wrap;justify-content:center;gap:3rem;margin-top:2rem;display:flex}.contact-item{text-align:center}.contact-item-icon{margin-bottom:.5rem;font-size:2rem}.contact-item strong{color:#fff;margin-bottom:.25rem;display:block}.contact-item a{color:var(--accent);text-decoration:none}.contact-item span{color:#fffc}footer{background:var(--bg-dark);text-align:center;border-top:1px solid #ffffff1a;padding:2rem 0}footer p{color:#fff9;margin:0;font-size:.875rem}.legal-small{vertical-align:super;font-size:.65rem}.cta-button{background:var(--primary);color:#fff;border-radius:var(--radius);padding:.875rem 2rem;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-block}.cta-button:hover{background:var(--primary-dark);transform:translateY(-2px)}.section-title{text-align:center;margin-bottom:.5rem}.section-subtitle{text-align:center;max-width:600px;margin:0 auto 3rem}.about-content{max-width:800px;margin:0 auto}.about-content p{margin-bottom:1.5rem}.service-content{padding:4rem 0 2rem}.service-section{max-width:900px;margin:0 auto;padding:0 1.5rem}.service-section h2{margin-bottom:1rem}.service-title{color:var(--primary)}.service-section h3{color:var(--primary);margin-top:2.5rem;margin-bottom:1rem}.service-section ul{margin-bottom:1.5rem;padding:0;list-style:none}.service-section ul li{color:var(--text-light);padding:.5rem 0 .5rem 1.5rem;line-height:1.6;position:relative}.service-section ul li:before{content:"•";color:var(--primary);font-weight:700;position:absolute;left:0}.service-section ul li strong{color:var(--text)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:1.5rem 0;display:grid}.feature-box{background:var(--bg-alt);border-radius:var(--radius);border:1px solid var(--border);padding:1.5rem;transition:transform .2s,box-shadow .2s}.feature-box:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.feature-box h4{color:var(--primary);margin-bottom:.75rem;font-size:1.0625rem}.feature-box p{margin:0;font-size:.9375rem}.contact-page-hero{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;text-align:center;margin-top:80px;padding:6rem 0 4rem}.contact-page-hero h1{margin-bottom:1rem;font-size:2.5rem}.contact-page-hero p{color:#ffffffe6;font-size:1.125rem}.contact-page-content{padding:4rem 0}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:3rem;display:grid}.contact-form-container h2,.contact-info-container h2{margin-bottom:2rem}.contact-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.375rem;display:flex}.form-group label{color:var(--text);font-size:.9375rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc3545}.form-group input.error:focus,.form-group select.error:focus,.form-group textarea.error:focus{box-shadow:0 0 0 3px #dc35451a}.field-error{color:#dc3545;margin-top:.25rem;font-size:.8125rem;display:block}.submit-btn{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:.875rem 2rem;font-size:1rem;font-weight:600;transition:background .2s}.submit-btn:hover{background:var(--primary-dark)}.form-message{border-radius:var(--radius);text-align:center;margin-top:16px;padding:12px 16px;font-size:.95rem;display:none}.form-message-info{color:#0c5460;background:#e8f4fd;border:1px solid #bee5eb;display:block}.form-message-success{color:#155724;background:#d4edda;border:1px solid #c3e6cb;display:block}.form-message-error{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb;display:block}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.info-item{align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.info-icon{flex-shrink:0;font-size:1.5rem}.info-content h3{margin-bottom:.25rem;font-size:1rem}.info-content p{margin:0;font-size:.9375rem}section.faq-section{background:var(--bg-alt);padding:2rem 0 5rem}.faq-section .section-title{color:var(--primary)}.faq-container{max-width:800px;margin:0 auto}.faq-list{flex-direction:column;gap:1rem;margin-top:3rem;display:flex}.faq-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);transition:box-shadow .2s;overflow:hidden}.faq-item:hover{box-shadow:var(--shadow)}.faq-item summary{cursor:pointer;color:var(--text);padding:1.25rem 1.5rem;font-weight:600;list-style:none;position:relative}.faq-item p{margin:0;padding:0 1.5rem 1.25rem;font-size:.9375rem}.floating-buttons{z-index:9999;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.qr-wrapper{position:relative}.qr-btn{cursor:pointer;background:#333;border:none}.qr-popup{border-radius:var(--radius);box-shadow:var(--shadow-lg);text-align:center;border:1px solid var(--border);background:#fff;width:180px;padding:15px;display:none;position:absolute;bottom:70px;right:0}.qr-popup img{max-width:100%;height:auto}.qr-popup p{color:var(--text);margin:10px 0 0;font-size:.75rem;font-weight:600}.qr-wrapper:hover .qr-popup,.qr-wrapper:focus-within .qr-popup{display:block}.float-btn{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #00000040}.float-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px #00000059}.whatsapp-btn{background:#25d366}.call-btn{background:var(--primary)}@media (width<=768px){.hero-content h1{font-size:2rem}.hero-content p{font-size:1.0625rem}h2{font-size:1.625rem}.menu-toggle{display:flex}.nav-links{border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);text-align:center;background:#fff;flex-direction:column;gap:1.5rem;padding:2rem;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.active{animation:.3s ease-out slideDown;display:flex}.services-grid,.contact-grid{grid-template-columns:1fr}.contact-info{flex-direction:column;gap:1.5rem}.features-grid{grid-template-columns:1fr}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}[dir=rtl] .nav-links{flex-direction:row-reverse}[dir=rtl] .dropdown-content{text-align:right;left:0;right:auto}[dir=rtl] .service-section ul li{padding-left:0;padding-right:1.5rem}[dir=rtl] .contact-grid{direction:rtl}[dir=rtl] .info-item{flex-direction:row-reverse}[dir=rtl] .features-grid{direction:rtl}[dir=rtl] .service-card,[dir=rtl] .hero-content,[dir=rtl] .about-content,[dir=rtl] .process ul,[dir=rtl] .process li,[dir=rtl] .contact-content{text-align:right}[dir=rtl] .contact-info{flex-direction:row-reverse}[dir=rtl] .lang-switch{order:-1}[dir=rtl] .lang-dropdown{transform-origin:0 0;left:0;right:auto}[dir=rtl] .lang-option:hover{transform:translate(-2px)}[dir=rtl] .lang-option{text-align:right}[dir=rtl] .logo{order:1}[dir=rtl] .menu-toggle{order:0}[dir=rtl] .service-section ul{padding-right:0}[dir=rtl] .service-section ul li{text-align:right;padding-left:0;padding-right:1.5rem}[dir=rtl] .service-section ul li:before{left:auto;right:0}[dir=rtl] .feature-box,[dir=rtl] .contact-form-container,[dir=rtl] .contact-form .form-group label,[dir=rtl] .contact-form .form-group input,[dir=rtl] .contact-form .form-group select,[dir=rtl] .contact-form .form-group textarea,[dir=rtl] .contact-info-container,[dir=rtl] .info-content,[dir=rtl] .contact-page-hero,[dir=rtl] .service-content,[dir=rtl] .service-section,[dir=rtl] .service-section p,[dir=rtl] .ai-hero-content,[dir=rtl] .ai-hero-description{text-align:right}[dir=rtl] .ai-hero-cta{justify-content:flex-start}[dir=rtl] .scroll-indicator p{text-align:center}[dir=rtl] .faq-item summary,[dir=rtl] .faq-item p{text-align:right}
