:root{--font-heading:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--theme-transition:background-color .6s cubic-bezier(.4, 0, .2, 1), color .6s cubic-bezier(.4, 0, .2, 1), border-color .6s cubic-bezier(.4, 0, .2, 1), box-shadow .6s cubic-bezier(.4, 0, .2, 1), backdrop-filter .6s cubic-bezier(.4, 0, .2, 1);--hover-transition:all .3s cubic-bezier(.25, .8, .25, 1);--bg-color:#f8fafc;--bg-secondary:#f1f5f9;--bg-tertiary:#e2e8f0;--card-bg:#fffc;--card-hover-bg:#fffffff2;--text-color:#111827;--text-muted:#4b5563;--text-inverse:#fff;--accent:#2563eb;--accent-rgb:37, 99, 235;--secondary-accent:#7c3aed;--secondary-accent-rgb:124, 58, 237;--highlight:#0284c7;--border-color:#00000014;--border-hover:#00000026;--shadow-color:#2563eb0d;--shadow-hover:#2563eb1f;--glass-bg:#ffffffb3;--glass-border:#00000014;--glow-color:#2563eb1f;--glow-color-secondary:#7c3aed1f;--selection-bg:#2563eb33}html.dark,body.dark{--bg-color:#050816;--bg-secondary:#081225;--bg-tertiary:#0d1b3e;--card-bg:#081225b3;--card-hover-bg:#0d1b3ed9;--text-color:#fff;--text-muted:#94a3b8;--text-inverse:#111827;--accent:#3b82f6;--accent-rgb:59, 130, 246;--secondary-accent:#8b5cf6;--secondary-accent-rgb:139, 92, 246;--highlight:#06b6d4;--border-color:#ffffff14;--border-hover:#ffffff2e;--shadow-color:#0006;--shadow-hover:#3b82f626;--glass-bg:#050816bf;--glass-border:#ffffff14;--glow-color:#3b82f640;--glow-color-secondary:#8b5cf640;--selection-bg:#3b82f64d}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-color);transition:var(--theme-transition);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}p,span,h1,h2,h3,h4,h5,h6,li,td,th,input,textarea,code,pre{-webkit-user-select:text;user-select:text}::selection{background-color:var(--selection-bg);color:var(--text-color)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border:2px solid var(--bg-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700;line-height:1.2}.gradient-text{background:linear-gradient(135deg, var(--accent) 0%, var(--secondary-accent) 50%, var(--highlight) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.gradient-text-blue-purple{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.gradient-text-blue-cyan{background:linear-gradient(135deg,#2563eb 0%,#06b6d4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:0 8px 32px 0 var(--shadow-color);transition:var(--theme-transition)}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);box-shadow:0 10px 30px -10px var(--shadow-color);transition:var(--hover-transition), var(--theme-transition);border-radius:16px;position:relative;overflow:hidden}.glass-card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#ffffff05 100%);border-radius:16px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-card:hover{background:var(--card-hover-bg);border-color:var(--border-hover);box-shadow:0 15px 35px -5px var(--shadow-hover);transform:translateY(-5px)}.animated-border-card{background:var(--card-bg);z-index:1;border-radius:16px;position:relative}.animated-border-card:after{content:"";background:linear-gradient(90deg, var(--accent), var(--secondary-accent), var(--highlight), var(--accent));z-index:-1;opacity:.15;background-size:300% 100%;border-radius:17px;transition:opacity .3s;animation:6s linear infinite move-gradient;position:absolute;inset:-1px}.animated-border-card:hover:after{opacity:.8}@keyframes move-gradient{0%{background-position:0%}to{background-position:300%}}@keyframes scroll-marquee{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@keyframes float-slow{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(3deg)}}@keyframes float-reverse{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(15px)rotate(-3deg)}}@keyframes pulse-glow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes grid-scroll{0%{background-position:0 0}to{background-position:0 100px}}@keyframes ring-pulse{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 15px #22c55e00}to{box-shadow:0 0 #22c55e00}}.animate-float{animation:6s ease-in-out infinite float-slow}.animate-float-reverse{animation:7s ease-in-out infinite float-reverse}.grid-bg-overlay{background-image:linear-gradient(var(--border-color) 1px, transparent 1px), linear-gradient(90deg, var(--border-color) 1px, transparent 1px);opacity:.15;pointer-events:none;background-position:50%;background-size:50px 50px;position:absolute;inset:0}.dark .grid-bg-overlay{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px)}.marquee-container{white-space:nowrap;width:100%;position:relative;overflow:hidden}.marquee-content{will-change:transform;animation:25s linear infinite scroll-marquee;display:inline-block}.marquee-item{color:#fff;letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:8px;padding:0 20px;font-size:.85rem;font-weight:600;display:inline-flex}.page-transition-enter{opacity:0;transform:translateY(15px)}.page-transition-enter-active{opacity:1;transition:opacity .5s,transform .5s;transform:translateY(0)}.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(-15px)}.magnetic-btn{cursor:pointer;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.25,1,.5,1);display:inline-flex;position:relative}.reveal-on-scroll{opacity:0;transition:opacity .8s cubic-bezier(.25,1,.5,1),transform .8s cubic-bezier(.25,1,.5,1);transform:translateY(40px)}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)}.cursor-glow-spotlight{background:radial-gradient(circle, var(--glow-color) 0%, transparent 70%);pointer-events:none;z-index:9999;mix-blend-mode:screen;border-radius:50%;width:350px;height:350px;transition:width .3s,height .3s;position:fixed;transform:translate(-50%,-50%)}.cursor-orb-follower{background:linear-gradient(135deg, var(--accent) 0%, var(--secondary-accent) 100%);pointer-events:none;z-index:10000;width:15px;height:15px;box-shadow:0 0 15px var(--accent);border-radius:50%;position:fixed;transform:translate(-50%,-50%)}.form-input{border:1px solid var(--border-color);width:100%;color:var(--text-color);font-family:var(--font-body);transition:var(--hover-transition);background:#ffffff0d;border-radius:8px;padding:12px 16px;font-size:.95rem}.dark .form-input{background:#08122580}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow-color);background:#ffffff14;outline:none}.dark .form-input:focus{background:#081225cc}.whatsapp-floating{color:#fff;cursor:pointer;z-index:999;background-color:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),background-color .3s;animation:2s infinite ring-pulse;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 4px 15px #22c55e66}.whatsapp-floating:hover{background-color:#16a34a;transform:scale(1.1)rotate(10deg)}.hero-btn-primary:hover{box-shadow:0 8px 30px var(--glow-color)!important;transform:translateY(-3px)!important}.hero-btn-outline:hover{border-color:var(--accent)!important;color:var(--accent)!important;background:#3b82f60f!important;transform:translateY(-3px)!important}.hero-btn-consult:hover{background:#25d36629!important;border-color:#25d36699!important;transform:translateY(-3px)!important;box-shadow:0 8px 25px #25d36640!important}@media (width<=480px){.hero-btn-primary,.hero-btn-outline,.hero-btn-consult{justify-content:center!important;width:100%!important;padding:13px 20px!important}}:root{--header-total-height:106px}@media (width<=600px){:root{--header-total-height:100px}}@media (width<=1024px){html{font-size:15px}}@media (width<=768px){html{font-size:14px}}@media (width<=480px){html{font-size:13px}}@media (width<=768px){[style*="padding: '60px 5%"],[style*="padding: '80px 5%"]{padding-left:4%!important;padding-right:4%!important}h1{font-size:clamp(1.6rem,7vw,2.5rem)!important}h2{font-size:clamp(1.3rem,5vw,2rem)!important}h3{font-size:clamp(1.1rem,4vw,1.5rem)!important}.mobile-single-col{grid-template-columns:1fr!important}.glass-card:hover{transform:none!important}.hero-title{font-size:clamp(1.8rem,8vw,3rem)!important}.hero-subtitle{font-size:1rem!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}.services-preview-grid{grid-template-columns:1fr!important}.hero-code-editor{display:none!important}.hero-layout{text-align:center!important;grid-template-columns:1fr!important}}@media (width<=480px){.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}}@media (width<=768px){.services-grid{grid-template-columns:1fr!important;gap:16px!important}}@media (width<=480px){.services-grid{grid-template-columns:1fr!important}}@media (width<=768px){.portfolio-grid{grid-template-columns:1fr!important;gap:18px!important}.portfolio-filter-tabs{gap:8px!important}.portfolio-filter-tabs button{padding:6px 14px!important;font-size:.78rem!important}.tech-grid{grid-template-columns:repeat(3,1fr)!important;gap:12px!important}}@media (width<=480px){.tech-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}}@media (width<=700px){.process-row{grid-template-columns:44px 1fr!important;align-items:flex-start!important;gap:0 12px!important}.process-row>div:first-child:not(:has(*)){display:none!important}.timeline-center-line{left:22px!important;transform:none!important}.process-dot{width:44px!important;height:44px!important}.process-card{opacity:1!important;max-width:100%!important;padding:20px!important;transform:none!important}}@media (width<=768px){.pricing-grid{grid-template-columns:1fr!important;gap:20px!important;max-width:420px!important;margin:0 auto!important}.blog-grid{grid-template-columns:1fr!important;gap:20px!important}.contact-cards-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}.contact-form-grid{grid-template-columns:1fr!important;gap:30px!important}.contact-wa-banner{text-align:center!important;flex-direction:column!important;padding:24px!important}}@media (width<=480px){.contact-cards-grid{grid-template-columns:1fr 1fr!important}}@media (width<=768px){.about-hero-grid{text-align:center!important;grid-template-columns:1fr!important}.about-certs-grid{grid-template-columns:1fr!important;gap:12px!important}.testimonials-grid{grid-template-columns:1fr!important;gap:20px!important}.footer-grid{grid-template-columns:1fr 1fr!important;gap:32px!important}}@media (width<=480px){.footer-grid{grid-template-columns:1fr!important}.footer-bottom{text-align:center!important;flex-direction:column!important;gap:12px!important}}@media (width<=768px){.whatsapp-floating{width:52px!important;height:52px!important;bottom:18px!important;right:18px!important}}@media (width<=960px){.mobile-overlay-links a{font-size:1.5rem!important}}@media (width<=480px){.mobile-overlay-links a{font-size:1.3rem!important}}@media (width<=600px){[style*=minmax\(300px],[style*=minmax\(280px],[style*=minmax\(250px]{grid-template-columns:1fr!important}[style*=minmax\(230px],[style*=minmax\(200px]{grid-template-columns:1fr 1fr!important}.consult-modal-inner{padding:24px 20px!important}.consult-modal-inner [style*="display: 'flex'; gap: '16px'"]{flex-direction:column!important}}@media (width<=700px){div[style*="left: '50%'"][style*="width: '3px'"]{left:22px!important;transform:none!important}}