@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";:root{--bg:#020408;--bg-panel:#060d14;--bg-card:#0a1520;--bg-card-2:#0d1e30;--gold:#d4a843;--gold-dim:#7a5e1c;--gold-glow:#d4a84347;--cyan:#00f5ff;--cyan-dim:#005f65;--cyan-glow:#00f5ff33;--white:#e8f4f8;--white-dim:#e8f4f88c;--white-faint:#e8f4f838;--green:#25d366;--green-glow:#25d36659;--purple:#a855f7;--emerald:#0f8;--font-display:"Orbitron", monospace;--font-data:"JetBrains Mono", monospace;--s1:4px;--s2:8px;--s3:16px;--s4:24px;--s5:32px;--s6:48px;--s7:64px;--s8:96px;--s9:128px;--z-bg:0;--z-base:10;--z-card:20;--z-overlay:40;--z-nav:200;--z-cursor:9000;--z-boot:10000;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in:cubic-bezier(.4,0,1,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--bg);color:var(--white);font-family:var(--font-data);cursor:none;font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit}ul{list-style:none}img{max-width:100%;display:block}.cursor-dot{pointer-events:none;z-index:99999;width:0;height:0;position:fixed;top:0;left:0}.cursor-ring{pointer-events:none;z-index:99998;background:linear-gradient(var(--cyan),var(--cyan)) center top/1px 10px no-repeat, linear-gradient(var(--cyan),var(--cyan)) center bottom/1px 10px no-repeat, linear-gradient(var(--cyan),var(--cyan)) left center/10px 1px no-repeat, linear-gradient(var(--cyan),var(--cyan)) right center/10px 1px no-repeat;width:0;height:0;position:fixed;top:0;left:0}@media (hover:none),(pointer:coarse){body{cursor:auto}.cursor-dot,.cursor-ring{display:none}}#particle-canvas{width:100%;height:100%;z-index:var(--z-bg);pointer-events:none;position:fixed;inset:0}.grid-overlay{z-index:1;pointer-events:none;background-image:linear-gradient(#00f5ff07 1px,#0000 1px),linear-gradient(90deg,#00f5ff07 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0}.scanlines{z-index:2;pointer-events:none;background:repeating-linear-gradient(#0000 0 3px,#00000012 3px 4px);position:fixed;inset:0}.scan-beam{z-index:3;pointer-events:none;background:linear-gradient(90deg,#0000,#00f5ff2e,#0000);height:2px;animation:8s linear infinite scanBeam;position:fixed;left:0;right:0}@keyframes scanBeam{0%{opacity:0;top:-2px}5%{opacity:1}95%{opacity:1}to{opacity:0;top:100vh}}.tech-numbers{z-index:1;pointer-events:none;opacity:.042;font-family:var(--font-data);color:var(--cyan);font-size:11px;position:fixed;inset:0;overflow:hidden}main{z-index:var(--z-base);position:relative}section{padding:var(--s8) 0}.container{width:100%;max-width:1280px;padding:0 var(--s3);margin:0 auto}@media (width>=768px){.container{padding:0 var(--s5)}}@media (width>=1024px){.container{padding:0 var(--s6)}}.font-display{font-family:var(--font-display)}.font-data{font-family:var(--font-data)}.text-gold{color:var(--gold)}.text-cyan{color:var(--cyan)}.text-dim{color:var(--white-dim)}.glow-cyan{text-shadow:0 0 20px var(--cyan),0 0 40px #00f5ff66}.glow-gold{text-shadow:0 0 20px var(--gold),0 0 40px #d4a84366}.section-eyebrow{font-family:var(--font-data);letter-spacing:.5em;color:var(--cyan);text-transform:uppercase;white-space:nowrap;font-size:11px}.section-row{align-items:center;gap:var(--s3);margin-bottom:var(--s2);display:flex}.section-line{background:linear-gradient(90deg,var(--cyan-dim),transparent);flex:1;height:1px}.section-title{font-family:var(--font-display);margin-bottom:var(--s3);font-size:clamp(1.6rem,3.5vw,2.8rem);font-weight:700;line-height:1.15}.section-subtitle{font-family:var(--font-data);color:var(--white-dim);max-width:640px;margin-bottom:var(--s6);font-size:clamp(14px,1.8vw,16px);line-height:1.8}.btn{align-items:center;gap:var(--s2);font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border:none;border-radius:2px;min-height:44px;padding:14px 28px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.btn-gold{background:var(--gold);color:var(--bg)}.btn-gold:hover{box-shadow:0 0 28px var(--gold-glow);opacity:.9}.btn-cyan{color:var(--cyan);border:1px solid var(--cyan);background:0 0}.btn-cyan:hover{box-shadow:0 0 20px var(--cyan-glow);background:#00f5ff14}.btn-outline{color:var(--white);background:0 0;border:1px solid #e8f4f847}.btn-outline:hover{border-color:var(--white-dim);background:#e8f4f80d}.card{background:var(--bg-card);border:1px solid #00f5ff1a;border-radius:6px;position:relative;overflow:hidden}.card:before,.card:after{content:"";border-color:var(--gold-dim);z-index:2;pointer-events:none;border-style:solid;border-width:0;width:16px;height:16px;transition:border-color .3s;position:absolute}.card:before{border-top-width:1.5px;border-left-width:1.5px;top:8px;left:8px}.card:after{border-bottom-width:1.5px;border-right-width:1.5px;bottom:8px;right:8px}.divider-gradient{background:linear-gradient(90deg,transparent,var(--cyan-dim),var(--gold-dim),var(--cyan-dim),transparent);width:100%;height:1px;animation:4s ease-in-out infinite shimmerLine}@keyframes shimmerLine{0%,to{opacity:.4}50%{opacity:.9}}.boot-screen{z-index:var(--z-boot);background:var(--bg);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.boot-logo{font-family:var(--font-display);letter-spacing:.6em;color:var(--gold);margin-bottom:var(--s5);text-transform:uppercase;font-size:clamp(11px,2vw,14px)}.boot-terminal{border:1px solid var(--cyan-dim);width:min(640px,90vw);padding:var(--s5);background:#00f5ff06;border-radius:4px;box-shadow:0 0 60px #00f5ff0f,inset 0 0 40px #00000080}.boot-line{font-family:var(--font-data);color:var(--cyan);font-size:clamp(11px,2vw,13px);line-height:2.3}.boot-line.listo{color:var(--gold);letter-spacing:.2em;font-weight:700}.boot-cursor{background:var(--cyan);vertical-align:middle;width:8px;height:13px;margin-left:4px;animation:.8s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.navbar{z-index:var(--z-nav);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #00f5ff14;transition:background .3s;position:fixed;top:0;left:0;right:0}.navbar-inner{justify-content:space-between;align-items:center;height:68px;display:flex}.nav-logo{font-family:var(--font-display);letter-spacing:.06em;white-space:nowrap;color:#fff;text-shadow:0 0 20px #00f5ff80;background:#00f5ff0d;border:1px solid #00f5ff4d;border-radius:4px;padding:4px 12px;font-size:clamp(14px,2vw,17px);font-weight:800}.nav-links{align-items:center;gap:var(--s4);display:flex}.nav-link{font-family:var(--font-data);letter-spacing:.18em;color:#fff;text-transform:uppercase;cursor:pointer;background:0 0;border:none;outline:none;padding:8px 4px;font-size:12px;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--cyan)}.nav-cta{font-family:var(--font-display);letter-spacing:.22em;color:var(--gold);border:1px solid var(--gold-dim);cursor:pointer;text-transform:uppercase;white-space:nowrap;background:0 0;border-radius:2px;min-height:44px;padding:10px 20px;font-size:10px;font-weight:700;transition:all .2s}.nav-cta:hover{background:var(--gold);color:var(--bg)}.nav-bottom-line{background:linear-gradient(90deg,var(--cyan-dim),var(--gold-dim),var(--cyan-dim));background-size:200% 100%;width:100%;height:1px;animation:3s ease-in-out infinite navLine}@keyframes navLine{0%,to{background-position:0 0}50%{background-position:100% 0}}.hamburger{color:var(--white);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px;display:none}.mobile-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:calc(var(--z-nav) - 1);justify-content:center;align-items:center;gap:var(--s4);padding:var(--s6);background:#020408f7;flex-direction:column;display:flex;position:fixed;inset:68px 0 0}.mobile-link{font-family:var(--font-display);letter-spacing:.15em;color:var(--white-dim);text-transform:uppercase;padding:var(--s2) 0;cursor:pointer;font-size:clamp(1rem,4vw,1.4rem);font-weight:700;transition:color .2s}.mobile-link:hover{color:var(--cyan)}@media (width<=1023px){.hamburger{display:flex}.nav-links{display:none}}.hero-section{min-height:100dvh;padding:calc(68px + var(--s8)) 0 var(--s8);align-items:center;display:flex;position:relative;overflow:hidden}.hero-label{font-family:var(--font-data);letter-spacing:.45em;color:var(--cyan);text-transform:uppercase;margin-bottom:var(--s3);align-items:center;gap:var(--s2);font-size:11px;display:flex}.hero-label:before{content:"";background:var(--cyan);width:28px;height:1px;display:inline-block}.hero-h1{font-family:var(--font-display);letter-spacing:.02em;margin-bottom:var(--s4);font-size:clamp(2rem,5.5vw,5rem);font-weight:800;line-height:1.08}.hero-subtitle{font-family:var(--font-data);color:var(--white-dim);max-width:580px;margin-bottom:var(--s5);font-size:clamp(14px,1.8vw,16px);line-height:1.9}.hero-btns{gap:var(--s2);margin-bottom:var(--s7);flex-wrap:wrap;display:flex}.metrics-grid{gap:var(--s3);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=767px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=390px){.metrics-grid{grid-template-columns:1fr 1fr}}.metric-card{padding:var(--s3) var(--s3);background:#00f5ff06;border:1px solid #00f5ff21;border-radius:4px;position:relative;overflow:hidden}.metric-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#00f5ff0a,#0000 60%);position:absolute;inset:0}.metric-value{font-family:var(--font-display);color:var(--gold);font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;line-height:1;display:block}.metric-suffix{color:var(--cyan);font-size:.55em}.metric-label{font-family:var(--font-data);letter-spacing:.3em;color:var(--white-dim);text-transform:uppercase;margin-top:var(--s1);font-size:9px;display:block}.about-grid{gap:var(--s5) var(--s7);grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (width<=767px){.about-grid{grid-template-columns:1fr}}.about-cards{gap:var(--s3);grid-template-columns:1fr 1fr;display:grid}@media (width<=480px){.about-cards{grid-template-columns:1fr}}.about-card{padding:var(--s4);background:var(--bg-card);border:1px solid #00f5ff1a;border-radius:4px;position:relative;overflow:hidden}.about-icon{width:40px;height:40px;margin-bottom:var(--s3);color:var(--cyan)}.about-card h4{font-family:var(--font-display);letter-spacing:.08em;margin-bottom:var(--s2);color:var(--white);font-size:13px;font-weight:700}.about-card p{font-family:var(--font-data);color:var(--white-dim);font-size:13px;line-height:1.75}.services-grid{gap:var(--s3);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=1023px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=639px){.services-grid{grid-template-columns:1fr}}.service-card{padding:var(--s5) var(--s4);background:var(--bg-card);cursor:default;border:1px solid #00f5ff1a;border-radius:6px;position:relative;overflow:hidden}.service-icon{width:44px;height:44px;margin-bottom:var(--s3);color:var(--cyan)}.service-card h3{font-family:var(--font-display);letter-spacing:.06em;margin-bottom:var(--s2);color:var(--white);font-size:clamp(13px,1.6vw,15px);font-weight:700}.service-card p{font-family:var(--font-data);color:var(--white-dim);font-size:13px;line-height:1.8}.browser-bar{padding:10px var(--s3);align-items:center;gap:var(--s2);background:#0d1f2d;border-bottom:1px solid #00f5ff14;border-radius:6px 6px 0 0;display:flex}.browser-dots{gap:6px;display:flex}.browser-dot{border-radius:50%;width:10px;height:10px}.browser-dot.red{background:#ff5f57}.browser-dot.yellow{background:#ffbd2e}.browser-dot.green{background:#28c840}.browser-url{font-family:var(--font-data);color:var(--white-dim);text-overflow:ellipsis;white-space:nowrap;background:#00000059;border:1px solid #ffffff0f;border-radius:3px;flex:1;padding:4px 12px;font-size:11px;overflow:hidden}.project-card{background:var(--bg-card);cursor:pointer;border:1px solid #00f5ff1f;border-radius:6px;position:relative;overflow:hidden}.project-preview{background:linear-gradient(135deg,var(--bg-panel),var(--bg-card));justify-content:center;align-items:center;height:140px;display:flex;position:relative;overflow:hidden}.project-url-watermark{font-family:var(--font-display);color:var(--cyan);-webkit-user-select:none;user-select:none;letter-spacing:.08em;font-size:clamp(10px,2.5vw,20px);font-weight:800}.card-badge{font-family:var(--font-data);letter-spacing:.35em;text-transform:uppercase;margin-bottom:var(--s3);border-radius:2px;align-items:center;padding:3px 12px;font-size:9px;font-weight:500;display:inline-flex}.badge-ecommerce{color:var(--gold);background:#d4a8431f;border:1px solid #d4a84347}.badge-saas{color:var(--cyan);background:#00f5ff14;border:1px solid #00f5ff38}.badge-landing{color:var(--emerald);background:#00ff8814;border:1px solid #00ff8838}.badge-portal{color:var(--purple);background:#a855f714;border:1px solid #a855f738}.card-body{padding:var(--s4)}.card-title{font-family:var(--font-display);color:var(--white);margin-bottom:var(--s2);letter-spacing:.04em;font-size:clamp(1rem,2vw,1.2rem);font-weight:700}.card-desc{font-family:var(--font-data);color:var(--white-dim);margin-bottom:var(--s3);font-size:13px;line-height:1.75}.card-tags{flex-wrap:wrap;gap:6px;display:flex}.tag{font-family:var(--font-data);color:var(--cyan-dim);letter-spacing:.15em;background:#00f5ff0f;border:1px solid #00f5ff1a;border-radius:2px;padding:3px 10px;font-size:9px}.btn-ver-proyecto{align-items:center;gap:var(--s2);margin-top:var(--s3);font-family:var(--font-display);letter-spacing:.25em;color:var(--gold);text-transform:uppercase;border:1px solid var(--gold-dim);cursor:pointer;background:#d4a84312;border-radius:2px;min-height:44px;padding:8px 20px;font-size:10px;font-weight:700;display:inline-flex}.carousel-controls{margin-top:var(--s4);justify-content:space-between;align-items:center;display:flex}.carousel-arrow{cursor:pointer;width:44px;height:44px;color:var(--cyan);font-size:16px;font-family:var(--font-data);background:#00f5ff0a;border:1px solid #00f5ff38;border-radius:2px;justify-content:center;align-items:center;transition:all .2s;display:flex}.carousel-arrow:hover{border-color:var(--cyan);background:#00f5ff1f;box-shadow:0 0 12px #00f5ff33}.carousel-dots{gap:var(--s2);align-items:center;display:flex}.carousel-dot{cursor:pointer;background:#00f5ff38;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:all .3s}.carousel-dot.active{background:var(--cyan);border-radius:3px;width:22px;box-shadow:0 0 8px #00f5ff99}.process-steps{gap:var(--s3);grid-template-columns:repeat(4,1fr);display:grid;position:relative}@media (width<=767px){.process-steps{grid-template-columns:1fr}}.process-step{padding:var(--s5) var(--s4);background:var(--bg-card);border:1px solid #00f5ff1a;border-radius:6px;position:relative}.step-number{font-family:var(--font-display);color:#00f5ff14;letter-spacing:-.02em;margin-bottom:var(--s2);font-size:3rem;font-weight:900;line-height:1;display:block}.step-title{font-family:var(--font-display);color:var(--gold);letter-spacing:.05em;margin-bottom:var(--s3);font-size:clamp(12px,1.4vw,14px);font-weight:700}.step-items{flex-direction:column;gap:6px;display:flex}.step-item{font-family:var(--font-data);color:var(--white-dim);align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;display:flex}.step-item:before{content:"▸";color:var(--cyan);flex-shrink:0;margin-top:1px}.pricing-grid{gap:var(--s3);grid-template-columns:repeat(3,1fr);align-items:start;display:grid}@media (width<=1023px){.pricing-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}}.pricing-card{padding:var(--s5);background:var(--bg-card);border:1px solid #00f5ff1a;border-radius:6px;position:relative}.pricing-card.featured{border-color:var(--gold-dim);background:linear-gradient(160deg,var(--bg-card-2),var(--bg-card));box-shadow:0 0 40px #d4a8431f}.featured-badge{font-family:var(--font-display);letter-spacing:.3em;color:var(--bg);background:var(--gold);white-space:nowrap;border-radius:2px;padding:4px 16px;font-size:9px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-name{font-family:var(--font-data);letter-spacing:.35em;color:var(--cyan);text-transform:uppercase;margin-bottom:var(--s2);font-size:11px}.pricing-title{font-family:var(--font-display);color:var(--white);margin-bottom:var(--s4);font-size:clamp(13px,1.6vw,15px);font-weight:700}.pricing-price{font-family:var(--font-display);color:var(--gold);margin-bottom:var(--s1);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800}.pricing-usd{font-family:var(--font-data);color:var(--white-dim);margin-bottom:var(--s1);font-size:12px}.pricing-time{font-family:var(--font-data);color:var(--cyan);letter-spacing:.15em;margin-bottom:var(--s4);font-size:11px}.pricing-features{margin-bottom:var(--s5);flex-direction:column;gap:10px;display:flex}.pricing-feature{font-family:var(--font-data);color:var(--white-dim);align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;display:flex}.check-icon{color:var(--cyan);flex-shrink:0;width:14px;height:14px;margin-top:1px}.contact-grid{gap:var(--s7);grid-template-columns:1fr 1.4fr;align-items:start;display:grid}@media (width<=767px){.contact-grid{grid-template-columns:1fr}}.contact-info{gap:var(--s4);flex-direction:column;display:flex}.contact-item{align-items:flex-start;gap:var(--s3);font-family:var(--font-data);color:var(--white-dim);font-size:14px;display:flex}.contact-item-icon{width:20px;height:20px;color:var(--cyan);flex-shrink:0;margin-top:2px}.contact-item a{color:var(--cyan)}.contact-item a:hover{text-decoration:underline}.form-group{gap:var(--s1);flex-direction:column;display:flex}.form-label{font-family:var(--font-data);letter-spacing:.25em;color:var(--cyan);text-transform:uppercase;font-size:11px}.form-input,.form-select,.form-textarea{color:var(--white);font-family:var(--font-data);padding:12px var(--s3);background:#00f5ff08;border:1px solid #00f5ff26;border-radius:3px;outline:none;width:100%;min-height:44px;font-size:14px;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 1px #00f5ff33}.form-textarea{resize:vertical;min-height:120px}.form-select{appearance:none;cursor:pointer}.form-select option{background:var(--bg-card)}.form-grid{gap:var(--s3);grid-template-columns:1fr 1fr;display:grid}@media (width<=480px){.form-grid{grid-template-columns:1fr}}.footer{background:var(--bg-panel);padding:var(--s7) 0 var(--s5);z-index:var(--z-base);border-top:1px solid #00f5ff0f;position:relative}.footer-grid{gap:var(--s5);margin-bottom:var(--s6);grid-template-columns:1.5fr 1fr 1fr 1fr;display:grid}@media (width<=1023px){.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=639px){.footer-grid{grid-template-columns:1fr}}.footer-logo{font-family:var(--font-display);letter-spacing:.06em;margin-bottom:var(--s3);font-size:clamp(14px,2vw,18px);font-weight:800}.footer-tagline{font-family:var(--font-data);color:var(--white-dim);max-width:280px;font-size:13px;line-height:1.75}.footer-col h4{font-family:var(--font-display);letter-spacing:.3em;color:var(--gold);text-transform:uppercase;margin-bottom:var(--s3);font-size:11px;font-weight:700}.footer-links{flex-direction:column;gap:10px;display:flex}.footer-link{font-family:var(--font-data);color:#fffc;cursor:pointer;text-align:left;background:0 0;border:none;font-size:13px;transition:color .2s}.footer-link:hover{color:var(--gold)}.footer-bottom{padding-top:var(--s4);justify-content:space-between;align-items:center;gap:var(--s2);border-top:1px solid #00f5ff0f;flex-wrap:wrap;display:flex}.footer-copy{font-family:var(--font-data);color:var(--white-dim);letter-spacing:.1em;font-size:12px}.footer-heart{font-family:var(--font-data);color:var(--white-dim);font-size:12px}.footer-heart span{color:var(--gold)}.floating-wa{bottom:calc(var(--s5) + 64px);right:var(--s5);background:var(--green);cursor:pointer;width:56px;height:56px;z-index:var(--z-nav);color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex;position:fixed;box-shadow:0 0 24px #25d36666}.floating-top{bottom:var(--s5);right:var(--s5);border:1px solid var(--gold-dim);cursor:pointer;width:52px;height:52px;z-index:var(--z-nav);color:var(--gold);background:#0a1520eb;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;box-shadow:0 0 20px #d4a8432e}@media (width<=767px){.floating-wa{bottom:calc(var(--s4) + 58px);right:var(--s3);width:50px;height:50px}.floating-top{bottom:var(--s4);right:var(--s3);width:46px;height:46px}}[data-reveal]{opacity:0;transform:translateY(40px)}