:root{--dark:#111214;--ink:#18191b;--light:#f2f2f0;--muted:#a7a9ad;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;overflow-x:hidden;background:var(--dark);color:white;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.nav{height:78px;position:fixed;z-index:100;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(24px,5vw,90px);background:#111d;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff22;transition:height .3s,background .3s}.nav.scrolled{height:68px;background:#101113f7}.brand{font-size:21px;letter-spacing:2px;white-space:nowrap;font-weight:500}.brand span{font-weight:800}.brand b{font-size:10px;letter-spacing:3px;color:#aaa;margin-left:8px}.nav nav{display:flex;align-items:center;gap:clamp(14px,2.3vw,34px);font-size:13px}.nav nav a{transition:color .25s}.nav nav a:hover,.nav nav a.active{color:#c3d8e8}.nav .contact{border:1px solid #888;padding:11px 17px}.menu{display:none;border:0;background:none;color:white;font-size:26px;cursor:pointer}.scroll-progress{position:fixed;z-index:120;left:0;top:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:#c5e3ff;pointer-events:none}.hero{position:relative;min-height:760px;height:100svh;display:flex;align-items:center;padding:110px 8vw 90px;isolation:isolate;overflow:hidden}.hero-photo{position:absolute;inset:-5%;z-index:-2;background:linear-gradient(90deg,#08090bee,#08090bb5 46%,#08090b45),url('https://images.unsplash.com/photo-1508514177221-188b1cf16e9d?auto=format&fit=crop&w=1800&q=85') center/cover;transform:scale(1.12);animation:heroOpen 2.2s var(--ease) both}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#1118,transparent 45%);z-index:-1}.hero-content{max-width:960px;position:relative;z-index:3;animation:heroWords 1.35s .2s both}.eyebrow,.kicker{font-size:11px;font-weight:750;letter-spacing:3px;color:#b5bdc5;margin-bottom:24px}.hero h1{font-size:clamp(47px,6.8vw,108px);font-weight:300;letter-spacing:-.065em;line-height:1.02;margin:0}.hero h1 em{font-style:normal;font-weight:800}.hero p{max-width:680px;color:#d0d1d4;font-size:clamp(16px,1.3vw,19px);line-height:1.7;margin:30px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:17px 24px;font-size:11px;letter-spacing:1.3px;font-weight:800;transition:transform .3s,background .3s}.btn:hover{transform:translateY(-5px)}.btn.light{background:#fff;color:#111}.btn.ghost{border:1px solid #b1b1b1}.hero-foot{position:absolute;right:6vw;bottom:36px;font-size:10px;letter-spacing:2px;color:#c7c7c7}.hero-foot i{display:inline-block;width:25px;border-top:1px solid #aaa;margin:0 12px 3px}.slash{position:absolute;z-index:1;top:-15%;height:135%;transform:skew(-14deg);pointer-events:none}.s1{right:15%;width:130px;background:#ffffff0a;border-left:1px solid #ffffff66}.s2{right:4%;width:52px;background:#ffffffc9}.scroll-hint{position:absolute;bottom:34px;left:8vw;display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:2px}.scroll-hint i{display:block;height:38px;width:1px;background:#fff7;animation:hint 1.5s ease-in-out infinite alternate}@keyframes hint{to{transform:translateY(10px);opacity:.3}}@keyframes heroOpen{from{opacity:.25;transform:scale(1.32)}to{opacity:1;transform:scale(1.12)}}@keyframes heroWords{from{opacity:0;transform:translateY(70px);filter:blur(9px)}to{opacity:1;transform:none;filter:blur(0)}}
.intro,.cycle,.expertise,.projects{padding:clamp(90px,9vw,155px) 8vw}.intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9vw;background:#f0f0ef;color:#171717}.num{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid #999;border-radius:50%;font-size:11px;color:#888;margin-bottom:34px}.intro h2,.section-head h2,.feature h2,.cta h2{font-size:clamp(38px,4.8vw,76px);line-height:1.07;letter-spacing:-.055em;font-weight:300;margin:0}.intro h2 strong,.section-head h2 strong,.feature h2 strong,.cta h2 strong{font-weight:800}.copy{padding-top:70px;color:#555;font-size:18px;line-height:1.75}.copy p{margin-top:0}.companies{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.company{min-width:0;min-height:700px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;padding:70px clamp(30px,5vw,90px)}.company:before{content:'';position:absolute;inset:-4%;z-index:-2;background-position:center;background-size:cover;transition:transform 1s var(--ease);transform:scale(1.03)}.company.flux:before{background-image:url('https://images.unsplash.com/photo-1621905251189-08b45d6a269e?auto=format&fit=crop&w=1300&q=85')}.company.logix:before{background-image:url('https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=1300&q=85')}.company:hover:before{transform:scale(1.14)}.shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#080a0bf5,#080a0bc2 55%,#080a0b60)}.company-inner{width:100%;max-width:610px;transition:transform .55s var(--ease)}.company:hover .company-inner{transform:translateY(-10px)}.company-tag{font-size:10px;letter-spacing:2.5px;color:#c6c6c6}.company h3{font-size:clamp(43px,5vw,75px);letter-spacing:-.06em;margin:17px 0 0}.company h4{font-size:18px}.company p{font-size:18px;line-height:1.6;color:#e0e0e0}.rule{height:4px;width:55px;background:white;margin:24px 0;transition:width .6s}.company:hover .rule{width:140px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0 32px}.chips span{padding:9px 11px;border:1px solid #ffffff66;font-size:10px}.company-inner>a{font-size:11px;font-weight:800;letter-spacing:1.4px}.cycle{background:#202123}.section-head{display:flex;gap:35px;align-items:flex-start;margin-bottom:65px}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-left:1px solid #666;border-top:1px solid #666}.steps>div{min-width:0;min-height:165px;padding:27px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #666;border-bottom:1px solid #666;position:relative;transition:background .4s}.steps>div:hover,.steps>div.is-current{background:#343b43}.steps>div:after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:#cce8ff;transform:scaleX(0);transform-origin:left;transition:transform .65s}.steps>div.is-current:after,.steps>div:hover:after{transform:scaleX(1)}.steps b{font-size:11px;color:#aaa}.steps span{font-size:clamp(16px,1.7vw,22px)}
.feature{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);min-height:650px;background:#efefef;color:#161616}.feature.reverse{background:#151618;color:white;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}.feature-image{min-width:0;min-height:650px;position:relative;overflow:hidden;background-position:center;background-size:cover}.factory{background-image:url('https://images.unsplash.com/photo-1581092160607-ee22621dd758?auto=format&fit=crop&w=1400&q=85')}.network{background-image:linear-gradient(#1112,#1112),url('https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=1400&q=85')}.feature.reverse .feature-image{grid-column:1;grid-row:1}.feature.reverse .feature-text{grid-column:2;grid-row:1}.feature-text{min-width:0;padding:clamp(55px,6vw,105px);display:flex;flex-direction:column;justify-content:center}.feature-text p{font-size:17px;line-height:1.7;color:#686868;max-width:560px}.reverse .feature-text p{color:#b8b8b8}.flow{margin-top:30px;font-size:11px;line-height:2.2;font-weight:700;letter-spacing:.6px}.flow i{font-style:normal;color:#888;margin:0 5px}.status{position:absolute;bottom:35px;left:35px;width:min(340px,calc(100% - 70px));padding:15px 20px;background:#08090bda;backdrop-filter:blur(9px);color:white;font-size:10px;letter-spacing:.5px}.status div{display:grid;grid-template-columns:12px 1fr auto;gap:9px;padding:10px 0;border-bottom:1px solid #ffffff30}.status div:last-child{border:0}.status span{width:7px;height:7px;background:#b8e7cc;border-radius:50%;margin-top:2px}.status b{font-size:9px}.expertise{background:#f1f1f0;color:#161616}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #bbb;border-left:1px solid #bbb}.grid>div{padding:35px;min-height:195px;border-right:1px solid #bbb;border-bottom:1px solid #bbb;transition:background .3s}.grid>div:hover{background:#e1e7eb}.grid b{font-size:11px;color:#777}.grid h3{font-size:22px;margin:44px 0 8px}.grid p{font-size:13px;color:#777}.projects{background:#191a1c}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#555}.project-grid article{min-width:0;min-height:310px;padding:55px;background:#252628;transition:background .3s,transform .3s}.project-grid article:hover{background:#34373b}.project-grid span{font-size:10px;letter-spacing:2px;color:#aaa}.project-grid h3{font-size:clamp(26px,2.5vw,39px);margin:55px 0 15px}.project-grid p{color:#b7b7b7;line-height:1.7}.partners{padding:55px 8vw;display:flex;align-items:center;justify-content:space-between;gap:35px;background:#ededec;color:#191919}.partners>span{font-size:11px;letter-spacing:2px;color:#777}.partners>div{display:flex;gap:clamp(14px,2.5vw,35px);flex-wrap:wrap}.partners strong{font-size:13px}.cta{padding:140px 8vw;background:#111214;position:relative;overflow:hidden}.cta:after{content:'';position:absolute;right:10%;top:-50%;height:180%;width:150px;background:#ffffff08;transform:skew(-15deg);pointer-events:none}.cta p{font-size:18px;color:#aaa;margin:28px 0 36px}footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:18px;padding:45px 8vw;border-top:1px solid #444;color:#aaa;font-size:11px}footer p:last-child{text-align:right}section[id],article[id]{scroll-margin-top:78px}
/* Scroll animations: intentionally dramatic, but layout-safe. */[data-reveal]{opacity:1;transform:none}.motion-ready [data-reveal]:not(.is-visible){opacity:0;transform:translate3d(0,90px,0) scale(.96);filter:blur(10px)}.motion-ready [data-reveal]{transition:opacity 1.05s var(--ease),transform 1.05s var(--ease),filter 1.05s var(--ease);transition-delay:var(--stagger,0ms)}.motion-ready [data-reveal].is-visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}.motion-ready [data-reveal="left"]:not(.is-visible){transform:translate3d(-110px,0,0)}.motion-ready [data-reveal="right"]:not(.is-visible){transform:translate3d(110px,0,0)}.motion-ready .feature-image[data-reveal]:not(.is-visible){transform:scale(.92);opacity:.35;filter:grayscale(1)}.motion-ready .feature-image[data-reveal].is-visible{transform:scale(1);opacity:1;filter:grayscale(0)}
@media(max-width:900px){.nav nav{display:none;position:absolute;top:100%;left:0;right:0;background:#141518;padding:25px;flex-direction:column;align-items:stretch;gap:18px}.nav nav.open{display:flex}.menu{display:block}.intro{gap:5vw}.companies{grid-template-columns:1fr}.company{min-height:590px}.feature,.feature.reverse{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.feature-image{min-height:550px}.feature-text{padding:45px}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.hero{min-height:660px;height:100svh;padding:120px 6vw 90px}.hero h1{font-size:clamp(42px,10vw,65px)}.hero p{font-size:15px}.s2,.hero-foot{display:none}.intro,.cycle,.expertise,.projects{padding:85px 6vw}.intro{grid-template-columns:1fr;gap:12px}.copy{padding:0;font-size:16px}.company{padding:65px 6vw;min-height:600px}.section-head{gap:20px}.feature,.feature.reverse{display:flex;flex-direction:column}.feature .feature-image,.feature.reverse .feature-image{order:0;min-height:370px;width:100%}.feature .feature-text,.feature.reverse .feature-text{order:1;width:100%;padding:70px 6vw}.feature.reverse .feature-image,.feature.reverse .feature-text{grid-column:auto;grid-row:auto}.status{bottom:20px;left:20px;width:min(330px,calc(100% - 40px))}.grid{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.project-grid article{padding:35px;min-height:270px}.partners{padding:50px 6vw;flex-direction:column;align-items:flex-start}.cta{padding:105px 6vw}footer{padding:40px 6vw;grid-template-columns:1fr}footer p:last-child{text-align:left}.scroll-hint{left:6vw}.steps>div{min-height:135px;padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.motion-ready [data-reveal]{opacity:1!important;transform:none!important;filter:none!important}}


/* V7.1 — Correo integrado en la sección de contacto */
.contact-email {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin-top: 30px;
  position: relative;
  z-index: 2;
}
.contact-email span {
  color: #a5a5a5;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
}
.contact-email a {
  color: #fff;
  font-size: clamp(17px, 2vw, 23px);
  font-weight: 500;
  overflow-wrap: anywhere;
  text-decoration: none;
  transition: color .3s ease;
}
.contact-email a:hover,
.contact-email a:focus-visible {
  color: #ccc;
  text-decoration: underline;
}