@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--pantone-256-c: #d6bfdd;--pantone-2104-c: #483698;--pantone-2755-c: #250e62;--pantone-275-c: #201747;--font-body: "Manrope", "Segoe UI", sans-serif;--font-title: "Space Grotesk", "Segoe UI", sans-serif;--bg-main: #f7f2fa;--text-main: var(--pantone-275-c);--text-muted: #544d78;--accent-main: var(--pantone-2104-c);--accent-soft: var(--pantone-256-c);--border-color: #bcaed2;font-family:var(--font-body);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--text-main);background:radial-gradient(circle at 20% 0%,#e9def0 0%,transparent 35%),radial-gradient(circle at 90% 15%,#ddd4eb 0%,transparent 28%),var(--bg-main)}a{text-decoration:none}.app-shell{position:relative;isolation:isolate;min-height:100vh;overflow-x:clip;background:linear-gradient(180deg,#ece5f5,#e6def2 48%,#daccf0)}.aurora-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.aurora-wave{position:absolute;display:block}.aurora-wave-left{left:-20rem;top:4rem;width:46rem;height:42rem;border-radius:48% 52% 50% 50%;transform:rotate(-10deg);transform-origin:58% 44%;background:radial-gradient(circle at 62% 38%,#a88feea3,#a88fee00 62%),radial-gradient(circle at 30% 58%,#5238b2b8,#5238b200 64%);filter:blur(.5px);animation:auroraFloatLeft 18s ease-in-out infinite alternate;will-change:transform,opacity}.aurora-wave-right{right:-24rem;top:7rem;width:60rem;height:48rem;border-radius:48% 52%;transform:rotate(8deg);transform-origin:42% 56%;background:radial-gradient(circle at 32% 38%,#b8a0f4a8,#b8a0f400 60%),radial-gradient(circle at 58% 62%,#593abeb8,#593abe00 72%);animation:auroraFloatRight 22s ease-in-out infinite alternate;animation-delay:-6s;will-change:transform,opacity}.aurora-wave-bottom{left:-12rem;right:-12rem;bottom:-12rem;height:26rem;border-radius:50% 50% 0 0;background:radial-gradient(140% 120% at 50% 100%,#3d29a3eb,#5c45bedb 32%,#9a82e499,#d6c3f624 88%,#d6c3f600)}.aurora-noise{position:absolute;inset:0;opacity:.22;background-image:radial-gradient(circle at 18% 22%,rgba(255,255,255,.9) 0 2px,transparent 3px),radial-gradient(circle at 70% 34%,rgba(255,255,255,.85) 0 2px,transparent 3px),radial-gradient(circle at 55% 68%,rgba(255,255,255,.8) 0 2px,transparent 3px),radial-gradient(circle at 82% 78%,rgba(255,255,255,.82) 0 1.8px,transparent 2.8px);background-size:320px 300px,460px 420px,520px 420px,380px 360px}@keyframes auroraFloatLeft{0%{transform:translateZ(0) rotate(-10deg) scale(1);opacity:.92}50%{transform:translate3d(2.6rem,-1.4rem,0) rotate(-6deg) scale(1.05);opacity:1}to{transform:translate3d(1.2rem,1.1rem,0) rotate(-12deg) scale(.98);opacity:.94}}@keyframes auroraFloatRight{0%{transform:translateZ(0) rotate(8deg) scale(1);opacity:.9}50%{transform:translate3d(-2.8rem,1.6rem,0) rotate(13deg) scale(1.06);opacity:1}to{transform:translate3d(-1.4rem,-1rem,0) rotate(5deg) scale(.97);opacity:.93}}@media(prefers-reduced-motion:reduce){.aurora-wave-left,.aurora-wave-right{animation:none}}.app{position:relative;z-index:2;width:min(1120px,92vw);margin:0 auto;padding:clamp(1.25rem,2.5vw,2.2rem) 0 3rem}.topbar{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.2rem;border-radius:1rem;border:1px solid rgba(111,83,203,.14);background:#ece5f58c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:background .3s,box-shadow .3s,border-color .3s}.topbar--scrolled{background:#ece5f5e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 28px #4836981f;border-color:#6f53cb38}.brand{display:inline-flex;align-items:center;gap:.7rem;font-family:var(--font-title);font-size:clamp(1.5rem,2.4vw,2.2rem);font-weight:700;color:var(--pantone-2755-c)}.brand-logo{width:1.9rem;height:1.6rem;object-fit:contain;transform-origin:center;will-change:transform}.nav{display:flex;gap:clamp(1rem,2vw,2rem)}.nav a{color:#24165cf5;font-size:1rem;font-weight:500;position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;border-radius:1px;background:#6f4add;transition:width .22s ease}.nav a:hover:after{width:100%}.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:2.2rem;height:2.2rem;padding:.35rem;border:none;background:transparent;cursor:pointer}.menu-toggle span{display:block;height:2px;border-radius:2px;background:#2d1f70;transition:transform .22s ease,opacity .18s ease;transform-origin:center}.menu-toggle--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle--open span:nth-child(2){opacity:0;transform:scaleX(0)}.menu-toggle--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav{position:absolute;top:calc(100% + .5rem);left:0;right:0;z-index:99;display:flex;flex-direction:column;gap:.1rem;padding:.75rem;border-radius:1rem;border:1px solid rgba(111,83,203,.18);background:#ece5f5f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 32px #48369824;animation:slideDown .2s ease}.mobile-nav a{padding:.75rem 1rem;border-radius:.65rem;font-size:1.05rem;font-weight:600;color:#24165cf5;transition:background .15s}.mobile-nav a:hover{background:#6f53cb1a}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.hero{margin-top:2.4rem;display:grid;grid-template-columns:1fr auto;align-items:center;gap:clamp(2rem,5vw,5rem)}.hero-content{min-width:0}.hero-visual{flex-shrink:0;display:flex;align-items:center;justify-content:center}.hero-logo-wrap{position:relative;width:15rem;height:15rem;display:flex;align-items:center;justify-content:center}.hero-logo-glow{position:absolute;inset:-3rem;border-radius:50%;background:radial-gradient(circle,#6f4add61,#6f4add1f 45%,#6f4add00 72%);pointer-events:none}.hero-logo-ring{position:absolute;inset:0;border-radius:50%;pointer-events:none}.hero-logo-ring--outer{inset:-3rem;border:1.5px solid rgba(111,83,203,.22);animation:heroRingOuter 14s linear infinite}.hero-logo-ring--inner{inset:-1rem;border:1.5px dashed rgba(111,83,203,.3);animation:heroRingInner 9s linear infinite reverse}.hero-logo-ring--outer:before{content:"";position:absolute;width:.65rem;height:.65rem;border-radius:50%;background:#7c5cda;top:-.325rem;left:50%;transform:translate(-50%);box-shadow:0 0 10px #7c5cdae6,0 0 22px #7c5cda66}.hero-logo-ring--inner:before{content:"";position:absolute;width:.48rem;height:.48rem;border-radius:50%;background:#b89df0;bottom:-.24rem;right:14%;box-shadow:0 0 8px #b89df0e6,0 0 16px #b89df066}@keyframes heroRingOuter{to{transform:rotate(360deg)}}@keyframes heroRingInner{to{transform:rotate(360deg)}}.hero-logo-img{width:9.5rem;height:9.5rem;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 6px 20px rgba(111,74,221,.5)) drop-shadow(0 2px 6px rgba(79,50,203,.3))}.eyebrow{display:inline-flex;margin:0;border-radius:999px;padding:.42rem 1rem;background:linear-gradient(90deg,#b89df0,#8f71e4);color:#f8f3ff;letter-spacing:.11em;font-size:.93rem;font-weight:700;text-transform:uppercase}h1{margin:1rem 0;max-width:18ch;font-family:var(--font-title);font-size:clamp(2.3rem,5.2vw,4.4rem);line-height:1.06;letter-spacing:-.025em;color:#2d1f70}.lead{margin:0;max-width:35ch;font-size:clamp(1.15rem,1.6vw,1.75rem);line-height:1.38;color:#2b1f62e6}.hero-actions{margin-top:1.8rem;display:flex;flex-wrap:wrap;gap:.9rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.8rem;border:1px solid transparent;padding:.82rem 1.55rem;font-size:1.05rem;font-weight:700;cursor:pointer;transition:box-shadow .2s}.btn-primary{background:linear-gradient(135deg,#6f4add,#4f32cb);border-color:#4e38b870;box-shadow:0 10px 20px #4934ac33;color:#fff}.btn-primary:hover{box-shadow:0 14px 28px #4934ac52}.btn-ghost{background:#fff9;border-color:#553cba52;color:#2a1f6f}.btn-ghost:hover{background:#ffffffd1}.metrics{margin-top:1.6rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.95rem}.metric-card{display:flex;align-items:center;gap:.95rem;padding:1.05rem 1.2rem;border-radius:1rem;border:1px solid rgba(111,83,203,.15);background:#ffffffa8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 14px 28px #513ab117}.metric-icon{width:2.55rem;height:2.55rem;flex:0 0 auto;border-radius:.85rem;background:linear-gradient(180deg,#a48aeb,#795ad8);position:relative}.metric-icon:before,.metric-icon:after{content:"";position:absolute}.metric-icon-ship:before{inset:.95rem .55rem auto;height:.22rem;border-radius:.2rem;background:#fffffffa}.metric-icon-ship:after{inset:.55rem auto .55rem 1.2rem;width:.22rem;border-radius:.2rem;background:#fffffffa}.metric-icon-retention{border-radius:50%}.metric-icon-retention:before{inset:.56rem;border-radius:50%;background:radial-gradient(circle at center,rgba(255,255,255,1) 0 .48rem,transparent .52rem),conic-gradient(#fff 0 290deg,#fff0 290deg 360deg)}.metric-icon-support{border-radius:50%}.metric-icon-support:before{inset:.56rem;border-radius:50%;border:.2rem solid #ffffff}.metric-icon-support:after{width:.16rem;height:.68rem;left:1.2rem;top:.74rem;border-radius:.2rem;background:#fff;box-shadow:.26rem .34rem #fff}.metric-card strong{display:block;margin-bottom:.14rem;color:#5239ab;font-family:var(--font-title);font-size:clamp(1.9rem,3vw,2.8rem);line-height:1}.metric-card span{color:#352576e6;font-size:clamp(1rem,1.3vw,1.45rem)}.services{margin-top:2.4rem}h2{margin:0 0 1.1rem;font-family:var(--font-title);font-size:clamp(2rem,3.8vw,3rem);line-height:1.05;color:#2f2077}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.service-card{border-radius:1rem;border:1px solid rgba(109,82,201,.2);background:#ffffffb3;padding:1.2rem;box-shadow:0 12px 24px #5c44bb17}.service-icon{width:3rem;height:3rem;border-radius:.75rem;display:inline-block;background:linear-gradient(180deg,#a186eb,#7c5cda);position:relative}.service-icon:before,.service-icon:after{content:"";position:absolute}.service-icon-web:before{inset:.54rem;border:.16rem solid #ffffff;border-radius:.34rem}.service-icon-web:after{left:.66rem;right:.66rem;top:1.36rem;height:.14rem;background:#fff;box-shadow:0 -.46rem #fff}.service-icon-custom:before{inset:.58rem;border-radius:50%;border:.2rem solid #ffffff}.service-icon-custom:after{inset:1.34rem .56rem auto;height:.16rem;background:#fff;box-shadow:0 -.52rem #fff}.service-icon-integrations:before{left:.62rem;right:.62rem;top:1.04rem;height:.18rem;border-radius:.18rem;background:#fff}.service-icon-integrations:after{width:.72rem;height:.72rem;right:.56rem;top:.76rem;border-top:.2rem solid #ffffff;border-right:.2rem solid #ffffff;transform:rotate(45deg)}.service-card h3{margin:.75rem 0 .45rem;color:#2d1f73;font-family:var(--font-title);font-size:clamp(1.45rem,1.9vw,2rem);line-height:1.1}.service-card p{margin:0;color:#302369e0;font-size:clamp(1rem,1.2vw,1.35rem);line-height:1.4}.proceso{margin-top:2.4rem}.proceso-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative}.proceso-step{position:relative;padding:1.5rem 1.4rem 1.5rem 0}.proceso-step:not(:first-child){padding-left:1.4rem}.proceso-num{display:block;font-family:var(--font-title);font-size:2.8rem;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:2px rgba(111,83,203,.28);margin-bottom:.6rem;letter-spacing:-.04em}.proceso-step h3{margin:0 0 .4rem;font-family:var(--font-title);font-size:clamp(1.05rem,1.4vw,1.4rem);color:#2d1f73;line-height:1.15}.proceso-step p{margin:0;font-size:clamp(.93rem,1.05vw,1.15rem);color:#302369cc;line-height:1.48}.proceso-connector{position:absolute;right:-.15rem;top:2.15rem;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:9px solid rgba(111,83,203,.28)}.projects{margin-top:2.4rem}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.project-card{border-radius:1rem;border:1px solid rgba(109,82,201,.18);background:#ffffffb3;overflow:hidden;box-shadow:0 12px 28px #5c44bb1a}.project-thumb{height:9rem;position:relative;overflow:hidden}.project-card--a .project-thumb{background:radial-gradient(ellipse at 30% 60%,#6f4adde6,#4f32cb00 65%),radial-gradient(ellipse at 75% 30%,#a486ebd9,#a486eb00 55%),linear-gradient(145deg,#4f32cb,#7c5cda 60%,#b89df0)}.project-card--b .project-thumb{background:radial-gradient(ellipse at 25% 65%,#3456c8e0,#3456c800 60%),radial-gradient(ellipse at 72% 28%,#7892e5d1,#7892e500 55%),linear-gradient(145deg,#3456c8,#6476da 55%,#a0aeee)}.project-card--c .project-thumb{background:radial-gradient(ellipse at 35% 60%,#833cc3e0,#833cc300 62%),radial-gradient(ellipse at 70% 32%,#b478dcd1,#b478dc00 55%),linear-gradient(145deg,#6b2eb8,#9b5fd4 55%,#c89de8)}.project-thumb:before,.project-thumb:after{content:"";position:absolute;border-radius:50%;opacity:.22;background:#fff}.project-thumb:before{width:7rem;height:7rem;top:-2rem;right:-1.5rem}.project-thumb:after{width:4.5rem;height:4.5rem;bottom:-1.5rem;left:1.5rem}.project-body{padding:1.1rem 1.2rem 1.3rem}.project-body h3{margin:0 0 .38rem;font-family:var(--font-title);font-size:clamp(1.15rem,1.6vw,1.6rem);color:#2d1f73;line-height:1.1}.project-body p{margin:0 0 .9rem;font-size:clamp(.93rem,1.1vw,1.2rem);color:#302369d1;line-height:1.44}.project-tags{display:flex;flex-wrap:wrap;gap:.38rem;list-style:none;margin:0;padding:0}.project-tags li{padding:.24rem .7rem;border-radius:999px;background:#6f53cb1a;border:1px solid rgba(111,83,203,.2);font-size:.84rem;font-weight:600;color:#4f32cb;letter-spacing:.01em}.contact-section{margin-top:2.4rem;display:grid;grid-template-columns:2fr 1fr;gap:1rem}.contact-card,.social-card{border-radius:1rem;border:1px solid rgba(109,82,201,.2);background:#ffffffb8;box-shadow:0 12px 24px #5c44bb17}.contact-card{padding:1.4rem}.contact-card h2{margin-bottom:.35rem}.contact-card>p{margin:0 0 1.1rem;color:#302369d6;font-size:clamp(1rem,1.1vw,1.22rem)}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.contact-form label{display:grid;gap:.35rem;color:#2a1c67e6;font-size:.95rem;font-weight:600}.contact-form label:nth-child(4){grid-column:1 / -1}.contact-form input,.contact-form textarea{width:100%;border-radius:.7rem;border:1px solid rgba(106,77,200,.3);background:#ffffffd1;padding:.7rem .85rem;color:#32217d;font-family:inherit;font-size:.98rem;transition:border-color .18s,box-shadow .18s}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#6a4dc899;box-shadow:0 0 0 3px #6f53cb1f}.contact-form textarea{resize:vertical;min-height:8rem}.contact-form .btn{margin-top:.2rem;width:fit-content}.form-success{color:#4ade80;font-size:.9rem;margin-top:.5rem}.form-error{color:#f87171;font-size:.9rem;margin-top:.5rem}.social-card{padding:1.4rem 1.2rem;display:grid;align-content:start;gap:.6rem}.social-card h3{margin:0;font-family:var(--font-title);font-size:clamp(1.2rem,1.7vw,1.65rem);color:#2d1f73}.social-card p{margin:0;color:#302369e0;font-size:1rem;line-height:1.46}.social-card a{color:#5239ab;font-weight:700;word-break:break-word;text-decoration:underline;text-underline-offset:3px}.footer{margin-top:2.6rem;display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding-top:1.2rem;border-top:1px solid rgba(59,40,133,.12);color:#31236bb3;font-size:.93rem}@media(prefers-reduced-motion:reduce){.hero-logo-ring--outer,.hero-logo-ring--inner{animation:none}}@media(max-width:980px){.nav{display:none}.menu-toggle{display:flex}.hero{grid-template-columns:1fr}.hero-visual{display:none}.metrics,.services-grid{grid-template-columns:1fr}.proceso-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.proceso-step:nth-child(2) .proceso-connector,.proceso-step:nth-child(4) .proceso-connector{display:none}.projects-grid,.contact-section{grid-template-columns:1fr}}@media(max-width:680px){.app{width:min(1120px,94vw)}.hero-actions{flex-direction:column;align-items:flex-start}.btn{width:100%}.aurora-wave-left{left:-24rem;width:40rem;height:36rem}.aurora-wave-right{right:-29rem;width:52rem}.proceso-grid{grid-template-columns:1fr}.proceso-connector{display:none}.contact-form{grid-template-columns:1fr}.contact-form .btn{width:100%}.footer{flex-direction:column;align-items:flex-start}}