:root{--bg: #242423;--bg-panel: #2c2c2a;--bg-panel-2: #333330;--text: #e5e5e5;--text-rgb: 229, 229, 229;--text-dim: rgba(229, 229, 229, .6);--signal: #38b000;--signal-rgb: 56, 176, 0;--signal-bright: #4ecb0a;--signal-dim: rgba(56, 176, 0, .12);--line: rgba(229, 229, 229, .1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 1px 1px,rgba(var(--signal-rgb),.16) 1px,transparent 0) 0 0 / 30px 30px,var(--bg);color:var(--text);font-family:Inter,sans-serif;line-height:1.5;overflow-x:hidden}h1,h2,h3,.display{font-family:Space Grotesk,sans-serif}.mono{font-family:JetBrains Mono,monospace}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.wrap{max-width:1160px;margin:0 auto;padding:0 28px}header{position:fixed;top:0;left:0;right:0;z-index:50;background:#242423cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}nav{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;max-width:1160px;margin:0 auto}.logo{display:flex;align-items:center;gap:12px}.logo-mark{width:34px;height:34px;flex-shrink:0;border-radius:50%;background-image:url(./LogoNexoCode-lJQtvKVf.jpg);background-size:260% 260%;background-position:50% 26%;border:1px solid rgba(var(--signal-rgb),.45);box-shadow:0 0 14px rgba(var(--signal-rgb),.35)}.logo-text{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.2rem;letter-spacing:-.02em}.logo-text span{color:var(--signal)}.nav-links{display:flex;gap:32px;font-size:.95rem;color:var(--text-dim)}.nav-links a:hover{color:var(--text)}.nav-cta{background:var(--signal);color:var(--bg);font-weight:600;font-size:.9rem;padding:10px 20px;border-radius:6px;transition:transform .15s ease,background .15s ease}.nav-cta:hover{background:var(--signal-bright);transform:translateY(-1px)}.nav-actions{display:flex;align-items:center;gap:16px}.lang-toggle{display:inline-flex;gap:2px;padding:3px;background:var(--bg-panel);border:1px solid var(--line);border-radius:999px}.lang-btn{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--text-dim);background:transparent;border:none;padding:5px 11px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}.lang-btn:hover{color:var(--text)}.lang-btn.active{background:var(--signal-dim);color:var(--signal-bright)}.menu-toggle{display:none}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:90px;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(640px circle at 12% 32%,rgba(var(--signal-rgb),.14),transparent 62%);pointer-events:none}#hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.9}.hero-content{position:relative;z-index:2;max-width:680px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--signal-bright);border:1px solid rgba(var(--signal-rgb),.3);padding:6px 14px;border-radius:6px;margin-bottom:24px;background:rgba(var(--signal-rgb),.07)}.eyebrow:before{content:"❯";font-weight:700}.eyebrow:after{content:"";display:inline-block;width:7px;height:1.1em;background:var(--signal-bright);animation:blink-cursor 1.1s step-end infinite}.hero h1{font-size:clamp(2.4rem,5.5vw,4rem);font-weight:600;line-height:1.05;letter-spacing:-.02em;margin-bottom:22px}.hero h1 .accent{color:var(--signal-bright);text-shadow:0 0 26px rgba(var(--signal-rgb),.4)}.hero p{font-size:1.15rem;color:var(--text-dim);max-width:520px;margin-bottom:36px}.hero-ctas{display:flex;gap:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:6px;font-weight:600;font-size:.98rem;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,color .15s ease}.btn-primary{background:var(--signal);color:var(--bg);box-shadow:0 0 rgba(var(--signal-rgb),0)}.btn-primary:hover{transform:translateY(-2px);background:var(--signal-bright);box-shadow:0 10px 28px rgba(var(--signal-rgb),.3)}.btn-ghost{border:1px solid var(--line);color:var(--text)}.btn-ghost:hover{border-color:var(--signal);color:var(--signal-bright)}section{padding:110px 0;position:relative}.section-label{font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--signal-bright);text-transform:lowercase;margin-bottom:14px;display:block}.section-label:before{content:"// ";color:var(--text-dim)}.section-title{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:600;letter-spacing:-.02em;max-width:640px}.section-sub{color:var(--text-dim);max-width:560px;margin-top:14px;font-size:1.05rem}.currency-toggle{display:inline-flex;gap:4px;margin-top:28px;padding:4px;background:var(--bg-panel);border:1px solid var(--line);border-radius:999px}.currency-btn{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--text-dim);background:transparent;border:none;padding:6px 16px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}.currency-btn:hover{color:var(--text)}.currency-btn.active{background:var(--signal-dim);color:var(--signal-bright)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}.plan{background:var(--bg-panel);border:1px solid var(--line);border-radius:14px;padding:36px 30px;display:flex;flex-direction:column;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.plan:hover{transform:translateY(-4px);border-color:rgba(var(--signal-rgb),.45);box-shadow:0 16px 40px #0000004d,0 0 0 1px rgba(var(--signal-rgb),.12) inset}.plan.featured{border-color:var(--signal);background:linear-gradient(180deg,rgba(var(--signal-rgb),.1),var(--bg-panel) 40%);position:relative}.plan.featured:before{content:"MÁS ELEGIDO";position:absolute;top:-12px;right:24px;background:var(--signal);color:var(--bg);font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:700;padding:5px 10px;border-radius:5px;letter-spacing:.05em}.plan-name{font-size:1.3rem;font-weight:600;margin-bottom:6px}.plan-price{font-family:JetBrains Mono,monospace;color:var(--signal-bright);font-size:1.5rem;margin-bottom:4px}.plan-price span{font-size:.85rem;color:var(--text-dim);font-family:Inter,sans-serif}.plan-desc{color:var(--text-dim);font-size:.92rem;margin-bottom:24px}.plan-features{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px;flex:1}.plan-features li{font-size:.92rem;color:var(--text);display:flex;gap:10px;align-items:flex-start}.plan-features li:before{content:"✓";color:var(--signal-bright);font-weight:700;flex-shrink:0}.plan .btn{justify-content:center;width:100%}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:56px}.project-card{display:block;background:var(--bg-panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;color:inherit;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.project-card:hover{transform:translateY(-4px);border-color:rgba(var(--signal-rgb),.45);box-shadow:0 16px 40px #0000004d,0 0 0 1px rgba(var(--signal-rgb),.12) inset}.mock-browser{height:180px;background:var(--bg-panel-2);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.mock-browser:before{content:"";position:absolute;top:0;left:0;right:0;height:26px;background:#00000040}.mock-dots{position:absolute;top:9px;left:12px;display:flex;gap:5px;z-index:2}.mock-dots span{width:7px;height:7px;border-radius:50%;background:rgba(var(--text-rgb),.25)}.mock-tint{width:100%;height:100%;background:radial-gradient(circle at 30% 30%,rgba(var(--signal-rgb),.35),transparent 55%),radial-gradient(circle at 75% 70%,rgba(var(--signal-rgb),.18),transparent 55%),linear-gradient(160deg,#1b1b1a,#2c2c2a);display:flex;align-items:center;justify-content:center}.mock-tint span{font-family:Space Grotesk,sans-serif;font-weight:600;color:rgba(var(--text-rgb),.55);font-size:1.1rem}.project-shot{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.project-info{padding:22px 24px}.project-tag{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--signal-bright);text-transform:uppercase;letter-spacing:.08em}.project-name{font-size:1.1rem;font-weight:600;margin:8px 0 6px}.project-desc{color:var(--text-dim);font-size:.88rem}.project-link{display:inline-block;margin-top:14px;font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--signal-bright);transition:transform .2s ease}.project-card:hover .project-link{transform:translate(4px)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:56px}.step{border-top:1px solid rgba(var(--signal-rgb),.35);padding-top:20px}.step-num{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:30px;padding:0 8px;margin-top:-16px;margin-bottom:18px;background:var(--bg);border:1px solid var(--signal);border-radius:4px;color:var(--signal-bright);font-family:JetBrains Mono,monospace;font-size:.85rem}.step h3{font-size:1.1rem;font-weight:600;margin-bottom:10px}.step p{color:var(--text-dim);font-size:.92rem}.contact-box{background:var(--bg-panel);border:1px solid var(--line);border-radius:18px;padding:64px;display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:40px;flex-wrap:wrap}.contact-box h2{font-size:clamp(1.6rem,3vw,2.2rem);max-width:420px}.contact-box p{color:var(--text-dim);margin-top:14px;max-width:420px}.whatsapp-btn{background:var(--signal);color:var(--bg);font-weight:700;padding:16px 32px;border-radius:8px;font-size:1.02rem;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.whatsapp-btn:hover{background:var(--signal-bright);transform:translateY(-2px);box-shadow:0 10px 28px rgba(var(--signal-rgb),.3)}.contact-form-box{background:var(--bg-panel);border:1px solid var(--line);border-radius:18px;padding:48px 64px;margin-top:24px}.contact-form-intro h3{font-size:clamp(1.3rem,2.4vw,1.7rem);margin-top:10px;margin-bottom:10px}.contact-form-intro p{color:var(--text-dim);max-width:560px;margin-bottom:28px}.lead-form{display:flex;flex-direction:column;gap:18px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-size:.85rem;color:var(--text-dim)}.form-field input,.form-field textarea{background:var(--bg-panel-2);border:1px solid var(--line);border-radius:8px;padding:12px 14px;color:var(--text);font-family:Inter,sans-serif;font-size:.95rem;resize:vertical;transition:border-color .2s ease}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--signal)}.form-hint{color:var(--text-dim);font-size:.82rem}.lead-form-submit{align-self:flex-start;border:none;cursor:pointer}.lead-form-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-status{font-size:.9rem;min-height:1.2em}.form-status.success{color:var(--signal-bright)}.form-status.error{color:var(--text);font-weight:600}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}footer{border-top:1px solid var(--line);padding:40px 0;color:var(--text-dim);font-size:.85rem;text-align:center}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:10px}.footer-logo{height:96px;width:auto;object-fit:contain;opacity:.92}@media (max-width: 900px){.pricing-grid,.projects-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}.contact-box{padding:40px 28px}.contact-form-box{padding:32px 24px}}@keyframes blink-cursor{0%,49%{opacity:1}50%,to{opacity:0}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.eyebrow:after{animation:none}}
