:root{--bg-primary: #050505;--bg-elevated: #0a0a0a;--bg-card: #0f0f0f;--bg-card-hover: #141414;--border: rgba(184, 147, 50, .12);--border-subtle: rgba(255, 255, 255, .04);--accent: #b89332;--accent-bright: #d4aa3a;--accent-dim: rgba(184, 147, 50, .15);--accent-glow: rgba(184, 147, 50, .25);--text-primary: #f0ede6;--text-secondary: rgba(240, 237, 230, .78);--text-muted: rgba(240, 237, 230, .4);--font-display: "Michroma", "Space Mono", monospace;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "Space Mono", monospace;--container: 1100px;--space-xs: 8px;--space-sm: 16px;--space-md: 32px;--space-lg: 64px;--space-xl: 96px;--radius-sm: 2px;--radius-md: 4px;--radius-pill: 999px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{background:var(--bg-primary)}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--accent);color:#0a0a00}a{color:var(--text-primary);text-decoration:none}img{max-width:100%;display:block}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.scroll-progress{position:fixed;top:0;left:0;width:0;height:1px;background:var(--accent);z-index:1000;pointer-events:none;transition:width .1s linear}.noise-overlay{position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:256px 256px}#grid-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.3}#webgl-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.scan-line{position:absolute;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;animation:scanMove 4s ease-in-out infinite;pointer-events:none}@keyframes scanMove{0%{top:0;opacity:0}10%{opacity:.6}50%{opacity:.6}90%{opacity:0}to{top:100%;opacity:0}}.section{padding:var(--space-xl) 0;position:relative;z-index:1}.section+.section{border-top:1px solid var(--border-subtle)}.section-label{font-family:var(--font-display);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:6px;display:flex;align-items:center;gap:12px}.section-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent);max-width:120px}.section-title{font-family:var(--font-display);font-size:clamp(24px,4vw,36px);letter-spacing:.02em;line-height:1.15;margin-bottom:44px;text-transform:uppercase}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);max-width:200px;margin:0 auto}.hero{padding:140px 0 100px;position:relative;overflow:hidden;display:flex;align-items:center;min-height:100vh;z-index:1}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:500px;height:500px;border:1px solid var(--border);transform:rotate(45deg);pointer-events:none;opacity:.3}.hero:after{content:"";position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;border:1px solid var(--border);transform:rotate(25deg);pointer-events:none;opacity:.15}.hero-badge{font-family:var(--font-display);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-sm);display:inline-block;padding:6px 14px;border:1px solid var(--border);background:var(--bg-card)}.hero-title{font-family:var(--font-display);font-size:clamp(32px,6vw,60px);letter-spacing:.02em;line-height:1.06;margin-bottom:var(--space-sm);text-transform:uppercase;color:var(--text-primary)}.hero-title .accent{color:var(--accent)}.hero-title .dim{color:var(--text-muted)}.hero-subtitle{font-size:clamp(15px,1.6vw,17px);color:var(--text-secondary);max-width:620px;line-height:1.7;margin-bottom:var(--space-md)}.hero-meta{display:flex;gap:var(--space-md);flex-wrap:wrap;font-family:var(--font-display);font-size:11px;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase}.hero-meta span{position:relative;padding-left:14px}.hero-meta span:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:3px;background:var(--accent)}.services-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl)}@media(max-width:700px){.services-row{grid-template-columns:1fr;gap:var(--space-lg)}}.service-group{position:relative;background:var(--bg-card);border:1px solid var(--border-subtle);padding:var(--space-md);transition:all .4s var(--ease-out-expo)}.service-group:before{content:"";position:absolute;top:0;left:0;width:1px;height:0;background:var(--accent);transition:height .4s var(--ease-out-expo)}.service-group:after{content:"";position:absolute;top:0;left:0;width:0;height:1px;background:var(--accent);transition:width .4s var(--ease-out-expo)}.service-group:hover:before{height:100%}.service-group:hover:after{width:100%}.service-group:hover{border-color:var(--border);transform:translateY(-2px)}.service-group h3{font-family:var(--font-display);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);font-weight:400;margin-bottom:var(--space-sm)}.service-group ul{list-style:none}.service-group ul li{color:var(--text-secondary);font-size:15px;padding:4px 0;transition:color .3s,transform .3s}.service-group:hover ul li{color:var(--text-primary)}.service-group ul li .dim{color:var(--text-muted);font-size:13px;display:block}.portfolio-item{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:center;padding:var(--space-lg) 0;border-bottom:1px solid var(--border-subtle);transition:border-color .4s;cursor:default;position:relative}.portfolio-item:last-child{border-bottom:0;padding-bottom:0}.portfolio-item:first-child{padding-top:0}.portfolio-item:hover{border-color:var(--border)}.portfolio-item .text{position:relative}.portfolio-item .text:before{content:"";position:absolute;top:-8px;left:-4px;width:24px;height:24px;border-color:var(--accent);border-style:solid;border-width:1px 0 0 1px;transition:all .4s var(--ease-out-expo);opacity:.5}.portfolio-item:hover .text:before{width:40px;height:40px;opacity:1}.portfolio-item .text h3{font-family:var(--font-display);font-size:20px;letter-spacing:.02em;line-height:1.2;margin-bottom:var(--space-xs);text-transform:uppercase;transition:color .3s}.portfolio-item:hover .text h3{color:var(--accent)}.portfolio-item .text p{color:var(--text-secondary);font-size:15px;line-height:1.7;margin-bottom:4px}.portfolio-item .text .footnote{color:var(--text-muted);font-size:13px;font-style:italic;margin-bottom:14px}.portfolio-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-top:var(--space-sm);transition:all .3s var(--ease-out-expo);position:relative;padding-bottom:4px}.portfolio-btn:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--accent);transition:width .3s var(--ease-out-expo)}.portfolio-btn:hover{color:var(--accent-bright);gap:14px}.portfolio-btn:hover:after{width:100%}.portfolio-item .image{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.portfolio-item .image:before,.portfolio-item .image:after{content:"";position:absolute;width:30px;height:30px;border-color:var(--accent);border-style:solid;border-width:0;transition:all .4s var(--ease-out-expo);opacity:0;z-index:1}.portfolio-item .image:before{top:0;left:0;border-top-width:1px;border-left-width:1px}.portfolio-item .image:after{bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}.portfolio-item:hover .image:before,.portfolio-item:hover .image:after{width:50px;height:50px;opacity:1}.portfolio-item .image img{width:100%;max-width:280px;border:1px solid var(--border-subtle);transition:transform .5s var(--ease-out-expo),border-color .4s}.portfolio-item:hover .image img{transform:scale(1.04);border-color:var(--border)}@media(max-width:800px){.portfolio-item{grid-template-columns:1fr;gap:var(--space-sm);padding:var(--space-md) 0}.portfolio-item .image{order:-1}.portfolio-item .text:before{display:none}.portfolio-item .image:before,.portfolio-item .image:after{display:none}.hero-title{font-size:clamp(28px,10vw,40px)}}.cta-section{text-align:center;padding:var(--space-xl) 0;position:relative}.cta-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1px;height:var(--space-lg);background:linear-gradient(180deg,var(--accent),transparent)}.cta-section h2{font-family:var(--font-display);font-size:clamp(22px,3.5vw,32px);letter-spacing:.02em;line-height:1.2;margin-bottom:var(--space-xs);text-transform:uppercase}.cta-section h2 .accent{color:var(--accent)}.cta-section p{color:var(--text-secondary);max-width:460px;margin:0 auto var(--space-lg);font-size:15px}.cta-links{display:flex;justify-content:center;gap:var(--space-xl);flex-wrap:wrap}.cta-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:12px;color:var(--text-secondary);letter-spacing:2px;text-transform:uppercase;padding-bottom:4px;position:relative;transition:color .3s var(--ease-out-expo)}.cta-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;background:var(--accent);transition:width .3s var(--ease-out-expo),left .3s var(--ease-out-expo)}.cta-link:hover{color:var(--accent)}.cta-link:hover:after{width:100%;left:0}.infra-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl)}@media(max-width:768px){.infra-row{grid-template-columns:1fr;gap:var(--space-lg)}}.infra-col{border-top:1px solid var(--border-subtle);padding-top:var(--space-md);transition:border-color .4s;background:var(--bg-card);padding:var(--space-md);position:relative}.infra-col:before{content:"";position:absolute;top:0;left:0;width:0;height:1px;background:var(--accent);transition:width .4s var(--ease-out-expo)}.infra-col:hover{border-color:var(--border)}.infra-col:hover:before{width:100%}.infra-badge{font-family:var(--font-display);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-sm);display:flex;align-items:center;gap:8px}.infra-badge:before{content:"";width:4px;height:4px;background:var(--accent)}.infra-col h3{font-family:var(--font-display);font-size:15px;letter-spacing:.02em;text-transform:uppercase;margin-bottom:var(--space-sm);font-weight:400}.infra-col p{color:var(--text-secondary);font-size:14px;line-height:1.8}.infra-col p em{font-style:normal;display:block;margin:var(--space-sm) 0;padding:var(--space-sm) 0 var(--space-sm) var(--space-sm);border-left:1px solid var(--border);color:var(--text-secondary);font-size:13px;line-height:1.8;transition:border-color .4s}.infra-col:hover p em{border-left-color:var(--accent)}.infra-col strong{display:block;margin-top:var(--space-sm);color:var(--text-primary);font-weight:400;font-family:var(--font-display);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.footer{border-top:1px solid var(--border-subtle);padding:var(--space-md) 0;text-align:center;position:relative;z-index:1}.footer p{color:var(--text-muted);font-size:12px;font-family:var(--font-display);letter-spacing:1px}.footer .accent{color:var(--accent)}.lang-en,.lang-es{transition:opacity .25s}.lang-hidden{display:none}.lang-active{display:block}.reveal{opacity:0;transform:translateY(30px)}@media(max-width:480px){.section{padding:var(--space-xl) 0}.hero{padding:var(--space-lg) 0;min-height:auto}.hero-meta{gap:var(--space-sm);font-size:10px}.cta-section{padding:var(--space-lg) 0}.cta-links{gap:var(--space-md)}}