@import "https://fonts.googleapis.com/css2?family=Mozilla+Text:wght@200..700&display=swap";:root{--text:#6b6375;--text-h:#08060d;--full-front:black;--border:#d0d0d0;--bg:#f2f2f2;--bg-a:#ebebeb87;--border-param:1px solid #c9c9c9;--code-bg:#f4f3ec;--accent:#aa3bff;--accent2:#2a8bdf;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Mozilla Text,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}a button a:visited{color:var(--text)}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;max-width:100%;min-height:100svh;margin:0 auto;display:flex;position:relative}.page{border-inline:1px solid var(--border);width:65%;min-height:100svh;margin:0 auto;padding-bottom:4rem}.page::selection{background-color:#cf8fff}@media (width<=800px){.page{width:100%}}body{color:var(--text);margin:0}*,:before,:after{box-sizing:border-box}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{color:#4e4e4e;margin-bottom:20px;font-size:2rem;font-weight:400;line-height:1.2}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:1.5rem}@media (width<=1024px){h2{font-size:1.5rem}}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.border1{outline:var(--border-param)}.container{max-width:1000px;margin:0 auto;position:relative}.t-accent1{color:#000;font-weight:600}.t-accent2{color:var(--accent2)}.hero{text-align:center;border-bottom:var(--border-param);padding:120px 20px 80px}.hero-subtitle{color:#666;margin-bottom:15px;font-size:18px}.hero-subtitle2{color:#666;margin-bottom:30px;font-size:15px}.actions{justify-content:center;gap:16px;display:flex}.btn{cursor:pointer;border-radius:1px;padding:20px 30px;font-weight:500;text-decoration:none;transition-duration:.3s;position:relative;overflow:hidden}.btn:hover{color:#000;outline:2px solid #000;transform:scale(1.02)}.btn:before{content:"";z-index:-1;background-color:#fff;width:100%;height:100%;transition-duration:.2s;position:absolute;top:0;left:-100%}.btn:hover:before{left:0}.primary{color:#fff;background:#000}.secondary{color:#000;border:1px solid #ccc}.glow{animation:1s ease-in-out infinite alternate glow}@-webkit-keyframes glow{0%{text-shadow:0 0 60px #63a4ff}to{text-shadow:0 0 20px #006affe6}}.laptop{width:100%;max-width:700px;height:500px;margin:0 auto;padding:20px;position:relative}.laptop-mock{z-index:5;max-width:500px;position:absolute;left:-4rem}.laptop-screen{background:radial-gradient(125% 125% at 50% 10%,#fff 40%,#63e 100%);width:390px;height:200px;position:absolute;top:55px;left:-10px;overflow:hidden}.laptop-screen video{width:100%;display:block}.phone-mock{z-index:7;max-width:150px;position:absolute;top:100px;left:270px}.phone-screen{z-index:6;background:radial-gradient(125% 125% at 50% 10%,#de6767 40%,#33d2ee 100%);border-radius:15px;width:115px;height:245px;position:absolute;top:119px;left:289px;overflow:hidden}.phone-screen video{width:100%;display:block}@media (width<=800px){.laptop{width:100%;max-width:500px;height:320px;margin:auto;transform:scale(.8)}}.cases{border-bottom:var(--border-param);flex-direction:column;align-items:center;margin:auto;padding:5rem 0;display:flex;position:relative}.cases:after{content:"";background-image:url(svg/cross.svg);width:36px;height:36px;position:absolute;top:-18px;left:-18px}.cases:before{content:"";background-image:url(svg/cross.svg);width:36px;height:36px;position:absolute;bottom:-18px;right:-18px}.cases-project{text-align:left;grid-template-columns:5px 1fr 1fr;gap:20px;max-width:1000px;margin:auto;padding:2rem 0;display:grid}.cases-project-leftcol{flex-direction:column;gap:0;padding:1rem;display:flex}.cases-project .title{text-align:left;font-weight:400}.cases-project hr{border-bottom:var(--border-param);border-top:none;width:100%}.cases-project-rightcol{width:400px;max-width:400px;margin:auto}.cases-project-leftcol .subtitle{color:#000;margin-bottom:.5rem;font-size:16px;font-weight:600}.cases-project-leftcol>.footer{justify-content:space-between;width:100%;display:flex}.cases-project-leftcol>.footer h4{margin-top:0;margin-bottom:0;font-size:40px;font-weight:400}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .6s,transform .6s;transform:translateY(20px)}.reveal.show{opacity:1;transform:translateY(0)}.show-more-btn{color:var(--text);background-color:#fff;border:2px solid #000;margin-top:20px;padding:1rem 2rem;font-size:16px;font-weight:600}@media (width<=1000px){.cases-project{grid-template-columns:1fr;align-items:center;gap:0;max-width:100%}.vertical-roadmap,.cases:after,.cases:before{display:none}.cases-project-leftcol>p{font-size:1rem}.cases-project .right{max-width:100%px}}@media (width<=400px){.cases-project-leftcol>.footer{flex-direction:column}}.vertical-roadmap{border-left:1px solid #000;width:1px;position:relative}.roadmap-dot{background-color:#000;border-radius:50%;width:12px;height:12px;position:absolute;left:-7px}.header{background:linear-gradient(0deg,var(--bg-a) 0%, var(--bg) 100%);border-bottom:var(--border-param);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;justify-content:stretch;width:calc(65% - 3px);margin:auto;padding:20px;display:flex;position:fixed}.header-inner{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{font-weight:700}.right{align-items:center;gap:12px;display:flex}.lang-btn{width:50px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #000;border-radius:1px;padding:14px;font-weight:800}.small{padding:12px 24px}@media (width<=800px){.header{width:100%;padding:.5rem}}.process{padding:5rem 20px}.process h2{text-align:center;margin-bottom:60px}.process-grid{grid-template-columns:250px 70px 1fr;align-items:stretch;gap:0;height:500px;display:grid;position:relative}.left-line{border-left:1px solid var(--full-front);height:90%;position:absolute;top:35px;left:30px}.process-grid .hr{border-top:var(--border-param);height:1px}.steps{flex-direction:column;justify-content:space-around;display:flex}.step{color:var(--text-h);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:1px;padding:0;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.step .step-header{justify-content:space-between;align-items:center;gap:12px;padding:1rem;display:flex}.step .title{z-index:2;text-align:right;position:relative}.step.active .step-header{color:var(--bg);background-color:var(--full-front);opacity:1;border-color:#0000}.step:hover .step-header{background-color:var(--border)}.step p{text-align:right;float:right;max-width:80%;color:var(--text);padding:1rem;font-weight:400}.index{background-color:var(--full-front);color:var(--bg);border-radius:50%;padding:.5rem .7rem;transition-duration:.1s}.step.active .index{opacity:1}.step:hover .index{transform:rotate(5eg);opacity:.15}.content{display:flex}.card h3{margin-bottom:30px}.card{outline:var(--border-param);z-index:-1;background:#fff;width:100%;min-height:180px;padding:2rem;transition:opacity .2s,transform .2s}.card p{text-align:left}.card-content{grid-template-columns:1fr 1fr;gap:1rem;width:100%;padding:0 1rem;display:grid}.card-img-wrapper img{border-radius:1rem;width:100%}.fade-in{opacity:1}.fade-out{opacity:0}@media (width<=1000px){.process-grid{grid-template-columns:1fr}.left-line{display:none}.steps{grid-template-columns:repeat(2,1fr);display:grid}.step p{display:none}.step{flex:none}.process-connector{display:none}.card-content{grid-template-columns:1fr}.card{padding:0}.card p{font-size:1rem}}.aboutme{border-bottom:var(--border-param);padding:5rem 20px;position:relative}.aboutme:before{content:"";background-image:url(svg/cross.svg);width:36px;height:36px;position:absolute;bottom:-18px;left:-18px}.aboutme h2{text-align:center;margin-bottom:60px}.aboutme .top{text-align:left;grid-template-columns:1fr 1fr;gap:1rem;height:auto;display:grid}.aboutme .img-wrapper{background-color:#ffebcd;border-radius:1rem;overflow:hidden}.aboutme .img-wrapper img{width:100%;height:auto}.top .content{flex-direction:column;width:100%;display:flex}.content .title{text-align:left;margin-bottom:1rem;font-weight:400}.content .hr{border-bottom:var(--border-param);border-top:none;width:100%;margin-bottom:1rem}.bottom{grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem;display:grid}.bottom .about-card{outline:var(--border-param);border-radius:1px;flex-direction:column;justify-content:space-between;align-items:center;display:flex}.bottom .about-card .title{color:var(--text-h);margin:1rem 0 0;font-size:16px;font-weight:600}.bottom .about-card p{color:var(--text);flex:1;padding:1rem}.bottom .about-card:hover p{background-color:var(--text-h);color:var(--bg)}.bottom .about-card img{filter:invert();flex-basis:1px;width:40px;margin:.5rem}.factura{color:var(--text-h);align-items:center;gap:.7rem;margin-top:auto;font-weight:800;display:flex}.factura img{width:25px}@media (width<=1000px){.aboutme .top{grid-template-columns:1fr}.bottom{grid-template-columns:1fr 1fr}.bottom .about-card p{color:var(--text);flex:1}}@media (width<=400px){.bottom{grid-template-columns:1fr}}