:root{--clr-bg: #030712;--clr-surface: #0a0f1e;--clr-surface-2: #0d1424;--clr-border: rgba(255, 255, 255, .06);--clr-border-hover: rgba(34, 211, 238, .3);--clr-cyan: #22d3ee;--clr-cyan-dim: rgba(34, 211, 238, .15);--clr-indigo: #6366f1;--clr-indigo-dim: rgba(99, 102, 241, .15);--clr-blue: #3b82f6;--clr-text-primary: #f1f5f9;--clr-text-secondary: #94a3b8;--clr-text-muted: #475569;--radius-xl: 2rem;--radius-2xl: 2.5rem;--radius-3xl: 3rem;--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1);--font-sans: "Inter", system-ui, sans-serif;--font-display: "Outfit", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{font-family:var(--font-sans);background-color:var(--clr-bg);color:var(--clr-text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}a{text-decoration:none;color:inherit}button{border:none;cursor:pointer;background:none;font-family:inherit}::selection{background:#22d3ee40;color:#fff}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--clr-bg)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#334155}.font-display{font-family:var(--font-display)}.gradient-text{background:linear-gradient(135deg,#22d3ee,#3b82f6,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.glass{background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--clr-border)}.bg-hero-glow{background:radial-gradient(ellipse 80% 50% at 80% 0%,rgba(34,211,238,.12) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 10% 80%,rgba(99,102,241,.12) 0%,transparent 60%)}@keyframes border-rotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-border{position:relative}.gradient-border:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#22d3ee,#6366f1,#22d3ee);background-size:200% 200%;animation:border-rotate 4s ease infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.6}.orb-cyan{background:radial-gradient(circle,rgba(34,211,238,.3),transparent 70%)}.orb-indigo{background:radial-gradient(circle,rgba(99,102,241,.3),transparent 70%)}.orb-blue{background:radial-gradient(circle,rgba(59,130,246,.25),transparent 70%)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.4}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes count-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #22d3ee4d}50%{box-shadow:0 0 40px #22d3ee99,0 0 80px #22d3ee33}}@keyframes slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-fade-up{animation:fadeInUp .7s ease both}.animate-fade-in{animation:fadeIn .5s ease both}.animate-pulse-slow{animation:pulse-slow 3s ease-in-out infinite}.animate-float{animation:float 5s ease-in-out infinite}.animate-spin-slow{animation:spin-slow 20s linear infinite}.animate-glow-pulse{animation:glow-pulse 2.5s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:all var(--transition-base)}.nav.scrolled{background:#030712d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--clr-border);padding:.75rem 0}.nav.top{padding:1.25rem 0}.nav-inner{display:flex;align-items:center;justify-content:space-between}.nav-links{display:flex;align-items:center;gap:2.5rem;list-style:none}.nav-link{font-size:.875rem;font-weight:500;color:var(--clr-text-secondary);transition:color var(--transition-base);position:relative}.nav-link:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:2px;background:var(--clr-cyan);border-radius:2px;transition:width var(--transition-base)}.nav-link:hover{color:var(--clr-text-primary)}.nav-link:hover:after{width:100%}.btn-whatsapp{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.5rem;background:var(--clr-cyan);color:#030712;font-size:.875rem;font-weight:700;border-radius:9999px;transition:all var(--transition-base);box-shadow:0 0 20px #22d3ee40}.btn-whatsapp:hover{background:#06b6d4;transform:translateY(-2px);box-shadow:0 0 32px #22d3ee66}.btn-whatsapp:active{transform:scale(.97)}.hero{position:relative;min-height:100vh;padding:8rem 0 5rem;display:flex;align-items:center;overflow:hidden}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem 1rem;border-radius:9999px;background:#22d3ee14;border:1px solid rgba(34,211,238,.2);color:var(--clr-cyan);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1.75rem}.hero-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--clr-cyan);animation:pulse-slow 2s ease-in-out infinite}.hero-title{font-family:var(--font-display);font-size:clamp(2.75rem,8vw,6.5rem);font-weight:900;line-height:1.08;letter-spacing:-.02em;margin-bottom:2rem}.hero-subtitle{font-size:clamp(1rem,2vw,1.2rem);color:var(--clr-text-secondary);max-width:580px;line-height:1.75;margin-bottom:3rem}.hero-cta-group{display:flex;gap:1rem;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 2.25rem;background:var(--clr-cyan);color:#030712;font-weight:800;font-size:1rem;border-radius:var(--radius-xl);transition:all var(--transition-base);box-shadow:0 4px 32px #22d3ee4d}.btn-primary:hover{background:#06b6d4;transform:translateY(-3px);box-shadow:0 8px 40px #22d3ee73}.btn-primary:active{transform:scale(.97)}.btn-secondary{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 2.25rem;background:#ffffff0d;border:1px solid var(--clr-border);color:var(--clr-text-primary);font-weight:700;font-size:1rem;border-radius:var(--radius-xl);transition:all var(--transition-base)}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff26;transform:translateY(-3px)}.btn-secondary:active{transform:scale(.97)}.stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem 3rem;margin-top:5rem;padding-top:3rem;border-top:1px solid var(--clr-border)}@media (min-width: 640px){.stats-row{grid-template-columns:repeat(4,1fr)}}.stat-number{font-family:var(--font-display);font-size:2.25rem;font-weight:800;background:linear-gradient(135deg,#fff,var(--clr-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.375rem}.stat-label{font-size:.8rem;color:var(--clr-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.08em}.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:4rem;opacity:.4}.scroll-cue-line{width:1px;height:48px;background:linear-gradient(to bottom,transparent,var(--clr-cyan));animation:float 2s ease-in-out infinite}.hero-float-card{border-radius:1.25rem;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;min-width:220px;box-shadow:0 20px 60px #00000080}.section{padding:7rem 0}.section-tag{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--clr-cyan);margin-bottom:1rem}.section-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.75rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:1.25rem}.section-subtitle{font-size:1.1rem;color:var(--clr-text-secondary);max-width:560px;line-height:1.75}.services-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:4rem}@media (min-width: 640px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.services-grid{grid-template-columns:repeat(3,1fr)}}.service-card{position:relative;padding:2.5rem;border-radius:var(--radius-2xl);background:#ffffff06;border:1px solid var(--clr-border);transition:all var(--transition-slow);overflow:hidden;cursor:default}.service-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(34,211,238,.07),transparent 70%);opacity:0;transition:opacity var(--transition-slow)}.service-card:hover{border-color:var(--clr-border-hover);transform:translateY(-8px);box-shadow:0 24px 60px #0006,0 0 0 1px #22d3ee1a}.service-card:hover:before{opacity:1}.service-icon-wrap{width:3.5rem;height:3.5rem;border-radius:1rem;background:#22d3ee1a;border:1px solid rgba(34,211,238,.15);display:flex;align-items:center;justify-content:center;color:var(--clr-cyan);margin-bottom:1.75rem;transition:all var(--transition-base)}.service-card:hover .service-icon-wrap{background:var(--clr-cyan);color:#030712;transform:rotate(6deg) scale(1.1);box-shadow:0 8px 24px #22d3ee59}.service-card-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--clr-text-primary);margin-bottom:.75rem;transition:color var(--transition-base)}.service-card:hover .service-card-title{color:var(--clr-cyan)}.service-card-desc{font-size:.95rem;color:var(--clr-text-secondary);line-height:1.7}.service-number{position:absolute;top:1.5rem;right:1.5rem;font-family:var(--font-display);font-size:4rem;font-weight:900;color:#ffffff06;line-height:1;-webkit-user-select:none;user-select:none;transition:color var(--transition-base)}.service-card:hover .service-number{color:#22d3ee0f}.portfolio-filters{display:flex;gap:.5rem;padding:.375rem;background:#ffffff0a;border:1px solid var(--clr-border);border-radius:.875rem;overflow-x:auto}.filter-btn{padding:.5rem 1.5rem;border-radius:.625rem;font-size:.875rem;font-weight:600;color:var(--clr-text-secondary);white-space:nowrap;transition:all var(--transition-base)}.filter-btn:hover{color:var(--clr-text-primary)}.filter-btn.active{background:var(--clr-cyan);color:#030712;box-shadow:0 4px 16px #22d3ee4d}.portfolio-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:3rem}@media (min-width: 640px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}}.project-card{border-radius:var(--radius-2xl);overflow:hidden;background:#ffffff06;border:1px solid var(--clr-border);display:flex;flex-direction:column;transition:all var(--transition-base)}.project-card:hover{border-color:#ffffff1f;transform:translateY(-6px);box-shadow:0 20px 50px #0006}.project-card-header{height:180px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.project-card-header-mobile{background:linear-gradient(135deg,#6366f140,#3b82f659)}.project-card-header-web{background:linear-gradient(135deg,#22d3ee33,#3b82f64d)}.project-card-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.06;background-image:radial-gradient(circle at 25% 25%,white 1px,transparent 1px),radial-gradient(circle at 75% 75%,white 1px,transparent 1px);background-size:30px 30px;transition:opacity var(--transition-base)}.project-card:hover .project-card-bg-pattern{opacity:.12}.project-card-title-overlay{position:relative;font-family:var(--font-display);font-size:1.1rem;font-weight:700;text-align:center;padding:0 1.5rem;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.5);transition:transform var(--transition-slow)}.project-card:hover .project-card-title-overlay{transform:scale(1.05)}.ongoing-badge{position:absolute;top:1rem;right:1rem;padding:.25rem .75rem;background:#f59e0b33;border:1px solid rgba(245,158,11,.35);color:#fbbf24;border-radius:9999px;font-size:.625rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-card-body{padding:1.5rem;flex:1;display:flex;flex-direction:column}.project-category-label{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--clr-cyan)}.project-duration-label{font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--clr-text-muted)}.project-title{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--clr-text-primary);margin:.625rem 0 1rem;line-height:1.4;transition:color var(--transition-base)}.project-card:hover .project-title{color:#a5f3fc}.tags-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-bottom:1rem}.tag{padding:.25rem .75rem;background:#ffffff0a;border:1px solid var(--clr-border);border-radius:9999px;font-size:.65rem;font-weight:700;color:var(--clr-text-muted)}.project-link-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#ffffff0a;border:1px solid var(--clr-border);border-radius:.75rem;font-size:.8rem;font-weight:700;color:var(--clr-text-primary);transition:all var(--transition-base);width:100%;justify-content:center}.project-link-btn:hover{background:#22d3ee14;border-color:var(--clr-border-hover);color:var(--clr-cyan)}.project-link-btn:hover .link-arrow{transform:translate(4px)}.link-arrow{transition:transform var(--transition-base)}.marquee-section{padding:4rem 0;border-top:1px solid var(--clr-border);border-bottom:1px solid var(--clr-border);overflow:hidden}.marquee-track{display:flex;width:max-content;animation:marquee 22s linear infinite}.marquee-track:hover{animation-play-state:paused}.marquee-item{display:flex;align-items:center;gap:1rem;padding:0 3rem;white-space:nowrap;font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--clr-text-muted);letter-spacing:.05em;text-transform:uppercase;transition:color var(--transition-base)}.marquee-item:hover{color:var(--clr-cyan)}.marquee-dot{width:5px;height:5px;border-radius:50%;background:var(--clr-text-muted);flex-shrink:0}.cta-section{padding:7rem 0}.cta-card{position:relative;overflow:hidden;border-radius:var(--radius-3xl);padding:5rem 3rem;background:linear-gradient(135deg,#22d3ee14,#6366f126);border:1px solid var(--clr-border);text-align:center}@media (min-width: 768px){.cta-card{padding:6rem 5rem}}.cta-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,4rem);font-weight:900;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.5rem}.cta-subtitle{font-size:1.1rem;color:var(--clr-text-secondary);max-width:640px;margin:0 auto 3rem;line-height:1.75}.cta-btns{display:flex;flex-direction:column;align-items:center;gap:1rem}@media (min-width: 480px){.cta-btns{flex-direction:row;justify-content:center}}.btn-cta-primary{display:inline-flex;align-items:center;gap:.75rem;padding:1.125rem 2.75rem;background:#fff;color:#030712;font-weight:800;font-size:1.05rem;border-radius:1.25rem;transition:all var(--transition-base)}.btn-cta-primary:hover{background:#e0f9ff;transform:translateY(-3px) scale(1.02);box-shadow:0 12px 40px #ffffff26}.btn-cta-secondary{display:inline-flex;align-items:center;gap:.75rem;padding:1.125rem 2.75rem;background:#ffffff0d;border:1px solid var(--clr-border);color:var(--clr-text-primary);font-weight:700;font-size:1.05rem;border-radius:1.25rem;transition:all var(--transition-base)}.btn-cta-secondary:hover{background:#ffffff1a;transform:translateY(-3px)}.footer{padding:5rem 0 2.5rem;border-top:1px solid var(--clr-border);background:linear-gradient(to bottom,transparent,rgba(0,0,0,.4))}.footer-grid{display:grid;gap:3rem;grid-template-columns:1fr;margin-bottom:4rem}@media (min-width: 768px){.footer-grid{grid-template-columns:1.5fr 1fr 1fr}}.footer-brand-tagline{font-size:.875rem;color:var(--clr-text-muted);line-height:1.8;margin-top:1.25rem;max-width:280px}.footer-heading{font-family:var(--font-display);font-size:.875rem;font-weight:700;color:var(--clr-text-primary);letter-spacing:.05em;text-transform:uppercase;margin-bottom:1.5rem}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.875rem}.footer-link{font-size:.875rem;color:var(--clr-text-muted);transition:color var(--transition-base)}.footer-link:hover{color:var(--clr-cyan)}.footer-bottom{padding-top:2rem;border-top:1px solid var(--clr-border);display:flex;flex-direction:column;gap:1rem;align-items:center;text-align:center}@media (min-width: 640px){.footer-bottom{flex-direction:row;justify-content:space-between;text-align:left}}.footer-copy{font-size:.8rem;color:var(--clr-text-muted)}.footer-legal{display:flex;gap:1.5rem}.footer-legal a{font-size:.8rem;color:var(--clr-text-muted);transition:color var(--transition-base)}.footer-legal a:hover{color:var(--clr-text-primary)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:.5rem}@media (max-width: 768px){.hamburger{display:flex}.nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;position:fixed;top:0;left:0;right:0;bottom:0;background:#030712f7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);align-items:center;justify-content:center;gap:2.5rem;z-index:99}.nav-links.open .nav-link{font-size:1.5rem}}.ham-line{width:22px;height:2px;background:var(--clr-text-primary);border-radius:2px;transition:all var(--transition-base)}.divider{width:100%;height:1px;background:var(--clr-border)}.text-cyan{color:var(--clr-cyan)}.text-muted{color:var(--clr-text-muted)}.text-secondary{color:var(--clr-text-secondary)}.cursor-glow{pointer-events:none;position:fixed;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.06) 0%,transparent 70%);transform:translate(-50%,-50%);z-index:0;transition:left .12s ease,top .12s ease}