.hero{isolation:isolate;position:relative;overflow:clip}#matrix{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-grid{grid-template-columns:minmax(0,1.22fr) minmax(0,.86fr);align-items:center;gap:clamp(24px,4vw,72px);padding-block:clamp(36px,5vw,72px) 12px;display:grid}.hero-copy{min-width:0}.h1-hero{font:600 clamp(42px,6.1vw,92px)/.98 var(--f-display);letter-spacing:-.035em;margin:0}.h1-hero .need{color:var(--fg-3);font-weight:500;display:block}.slot{text-wrap:balance;min-height:1.96em;display:block}.slot .bk{vertical-align:-.04em;width:.3em;height:.74em;color:var(--acc-2);transition:color .4s;display:inline-block;overflow:visible}.slot .bk:first-child{margin-right:.06em}.slot .bk:last-child{margin-left:.06em}.bk path{fill:none;stroke:currentColor;stroke-width:6.5px;stroke-linecap:round;stroke-linejoin:round}.worlds{flex-wrap:wrap;gap:6px;margin:30px 0 0;display:flex}.world{background:var(--tinta-2);min-height:44px;color:var(--fg-2);font:600 14px/1 var(--f-text);cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .16s var(--ease-out);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0;border-radius:12px;align-items:center;gap:9px;padding:0 13px 0 11px;display:inline-flex;position:relative;overflow:hidden}.world svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.world small{font:400 11px/1 var(--f-data);color:var(--fg-3);letter-spacing:.02em}.world[aria-checked=true]{background:color-mix(in srgb,var(--acc) 17%,var(--tinta));color:var(--fg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 55%,transparent)}.world[aria-checked=true] svg{color:var(--acc)}.world:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.world[aria-checked=false]:hover{background:var(--tinta-3);color:var(--fg)}}.world .prog{background:var(--acc);transform-origin:0;opacity:0;width:100%;height:2px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.autoplay .world[aria-checked=true] .prog{opacity:1;animation:7s linear forwards prog}.autoplay.is-held .world[aria-checked=true] .prog{animation-play-state:paused}@keyframes prog{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.wpanels{margin-top:26px;display:grid}.wp{max-width:50ch;transition:opacity .22s var(--ease-out),transform .22s var(--ease-out),filter .22s var(--ease-out);grid-area:1/1}.wp[inert],.wp[data-oculto]{opacity:0;filter:blur(4px);transition-duration:.15s;transform:translateY(8px)}.instant .wp{transition-duration:0s}.wp p{color:var(--fg-2);margin:0;font-size:17px;line-height:1.62}.wp p b{color:var(--fg);font-weight:700}.wp p.oferta{font:400 12.5px/1.6 var(--f-data);color:var(--fg-3);letter-spacing:.02em;margin-top:14px}.wp .chip{margin-bottom:14px}.wp .row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px;display:flex}.inst{justify-self:end;width:100%;min-width:0;max-width:580px;margin:0}.instrument{aspect-ratio:1;width:100%;position:relative}.instrument:before{content:"";background:radial-gradient(closest-side,color-mix(in srgb,var(--acc) 9%,transparent),transparent);border-radius:50%;transition:background-color .4s;position:absolute;inset:8%}.bezel{width:106%;height:106%;transition:transform 1.1s var(--ease-in-out);position:absolute;inset:-3%}.bezel .ring{fill:none;stroke:var(--linea-2);stroke-width:.5px}.bezel line{stroke:var(--grafito);stroke-width:.55px}.bezel line.big{stroke:var(--fg-3);stroke-width:.8px}.bezel .mk-sw{fill:var(--violeta)}.bezel .mk-ed{fill:var(--cian)}.bezel .mk-mk{fill:var(--azul)}.pointer{width:12px;height:9px;color:var(--acc);margin-left:-6px;transition:color .4s;position:absolute;top:-5.5%;left:50%}.readout{min-height:3.2em;font:400 12px/1.5 var(--f-data);color:var(--fg-3);text-align:center;letter-spacing:.02em;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;margin-top:clamp(18px,3vw,34px);display:flex}.readout>span{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;max-width:44ch;display:inline-flex}.readout b{color:var(--fg);font-variant-numeric:tabular-nums;font-weight:700}.hud{font:400 11.5px/1.4 var(--f-data);color:var(--fg-3);letter-spacing:.04em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding-block:16px 22px;display:flex}.pause{color:var(--fg-2);font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;transition:background-color .15s;display:inline-flex}.pause svg{fill:currentColor;width:12px;height:12px}@media (hover:hover) and (pointer:fine){.pause:hover{background:var(--tinta-2)}}@media (width<=899px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:8px;padding-top:20px}.inst{order:-1;justify-self:center;max-width:min(84vw,380px)}.readout{margin-top:14px}}.capas{border-top:1px solid var(--linea);position:relative;overflow:clip}.capas-track{position:relative}.capas-sticky{padding-block:clamp(80px,10vw,140px)}.js-pin .capas-track{height:360vh}.js-pin .capas-sticky{top:calc(env(safe-area-inset-top,0px) + 64px);height:calc(100svh - 64px - env(safe-area-inset-top,0px));align-items:center;padding-block:24px;display:flex;position:sticky}.capas-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(24px,4vw,64px);width:100%;display:grid}.h2{font:600 clamp(32px,4.3vw,58px)/1.03 var(--f-display);letter-spacing:-.03em;text-wrap:balance;max-width:17ch;margin:0}.lede{color:var(--fg-2);max-width:52ch;margin:18px 0 0;font-size:17px;line-height:1.62}.layers{counter-reset:capa;margin:26px 0 0;padding:0;list-style:none;display:grid}.layers li{border-top:1px solid var(--linea);grid-template-columns:30px minmax(0,1fr);column-gap:10px;padding:13px 0;transition:opacity .25s;display:grid}.layers li:before{counter-increment:capa;content:counter(capa);font:700 12px/26px var(--f-data);color:var(--acc);grid-row:1/span 3;transition:color .4s}.capas.has-active .layers li:not(.on){opacity:.4}.layers h3{font:600 19px/1.35 var(--f-display);letter-spacing:-.01em;margin:0}.layers .who{font:400 11.5px/1.5 var(--f-data);color:var(--fg-3);letter-spacing:.03em}.layers p{color:var(--fg-2);margin:3px 0 0;font-size:15px;line-height:1.55}.layers p.eg{color:var(--fg-3);font-size:14px}.stage{perspective:2200px;perspective-origin:50% 20%;height:clamp(360px,64vh,620px);position:relative}.stack{aspect-ratio:16/10;width:min(88%,540px);transform-style:preserve-3d;position:absolute;top:62%;left:50%;transform:translate(-50%,-50%)rotateX(56deg)rotate(-38deg)}.plane{background:var(--tinta);box-shadow:0 30px 50px -24px var(--sombra);transition:transform .22s var(--ease-out),opacity .25s ease;border-radius:14px;position:absolute;inset:0;overflow:hidden}.plane img,.plane svg{object-fit:cover;object-position:left top;width:100%;height:100%;display:block}.plane:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 2px var(--acc);opacity:0;transition:opacity .25s;position:absolute;inset:0}.plane.on:after{opacity:1}.has-active .plane:not(.on){opacity:.5}.has-active .plane.above{opacity:.14}.plane .tag{font:700 10px/1 var(--f-data);letter-spacing:.08em;text-transform:uppercase;background:color-mix(in srgb,var(--noche) 88%,transparent);color:var(--fg-2);z-index:1;border-radius:6px;padding:5px 7px;position:absolute;top:10px;left:10px}.pcb .board{fill:var(--pcb-placa);stroke:color-mix(in srgb,var(--verde-c) 50%,transparent);stroke-width:1.5px}.pcb .holes circle{fill:var(--noche);stroke:color-mix(in srgb,var(--fg-2) 35%,transparent)}.pcb .tr path{fill:none;stroke:var(--verde-c);stroke-width:2.4px;opacity:.75;stroke-linecap:round;stroke-linejoin:round}.pcb .pins{fill:none;stroke:var(--fg-2);stroke-width:6px;stroke-dasharray:2 4;opacity:.45}.pcb .chip-b{fill:var(--pcb-chip);stroke:var(--verde-c);stroke-width:1.5px}.pcb .dot{fill:var(--verde-c)}.pcb .usb{fill:var(--pcb-usb);stroke:var(--fg-3)}.pcb .parts *{fill:var(--pcb-parte);stroke:var(--verde-c);opacity:.85}.pcb .probe{stroke:var(--fg-2);stroke-width:3px;stroke-linecap:round}.pcb .sensor{fill:var(--cian)}.pcb text,.net text{font:700 8px var(--f-data);fill:var(--fg-3);letter-spacing:.08em}.net .bg{fill:var(--net-fondo);stroke:color-mix(in srgb,var(--cian) 40%,transparent);stroke-width:1.5px}.net .dev{fill:var(--net-equipo);stroke:var(--cian);stroke-width:1.5px}.net .wifi path{fill:none;stroke:var(--cian);stroke-width:3px;stroke-linecap:round}.net .link{fill:none;stroke:var(--cian);stroke-width:2px;stroke-dasharray:4 7;opacity:.75}.net .pk{fill:var(--cian)}.net .cloud{fill:var(--net-equipo);stroke:var(--fg-2);stroke-width:1.2px}.net text.v{fill:var(--fg);font-size:10px}@media (width<=899px){.capas-grid{grid-template-columns:minmax(0,1fr)}.stage{order:2;height:clamp(280px,78vw,440px)}.stack{width:min(80%,420px)}}.mk{--acc:var(--azul);--acc-2:var(--mk-verde);--btn-bg:var(--azul-f);--btn-fg:var(--blanco);border-top:1px solid var(--linea);padding-block:clamp(88px,11vw,150px)}.mk-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(28px,5vw,80px);display:grid}.mk blockquote{max-width:46ch;margin:26px 0 0;padding:0}.mk blockquote p{font:500 18px/1.58 var(--f-text);color:var(--fg-2);margin:0}.mk cite{font:500 13.5px/1.4 var(--f-text);color:var(--fg-3);margin-top:10px;font-style:normal;display:block}.mk .row{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}@media (width<=899px){.mk-grid{grid-template-columns:minmax(0,1fr)}}.clientes{border-top:1px solid var(--linea);padding-block:clamp(88px,11vw,150px)}.quote{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:26px clamp(14px,3vw,44px);margin:0;display:grid}.quote .qb{aspect-ratio:20/64;width:clamp(22px,4.2vw,58px);height:auto;color:var(--acc-2);transition:color .4s}.quote .qb path{fill:none;stroke:currentColor;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.quote blockquote{min-width:0;margin:0}.quote blockquote p{font:500 clamp(22px,2.7vw,38px)/1.3 var(--f-display);letter-spacing:-.018em;text-wrap:pretty;margin:0}.quote figcaption{color:var(--fg-3);flex-wrap:wrap;grid-column:2;align-items:center;gap:12px 16px;font-size:14.5px;display:flex}.quote figcaption img{width:auto;height:34px}.quote figcaption b{color:var(--fg);font-weight:700}.logos{flex-wrap:wrap;align-items:center;gap:22px 52px;display:flex}.quote+.logos{border-top:1px solid var(--linea);margin-top:clamp(64px,8vw,104px);padding-top:28px}.clientes:not(:has(.quote)){padding-block:clamp(56px,7vw,88px)}.logos p{color:var(--fg-3);flex:260px;max-width:34ch;margin:0;font-size:15px}.logos img{opacity:.85;width:auto;height:44px}.proceso{padding-block:0 clamp(88px,11vw,150px)}.steps{counter-reset:paso;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:44px 0 0;padding:0;list-style:none;display:grid}.steps li{border-top:1px solid var(--linea-2);padding-top:28px;position:relative}.steps li:before{counter-increment:paso;content:attr(data-paso) " " counter(paso);background:var(--noche);font:700 11.5px/22px var(--f-data);letter-spacing:.06em;text-transform:uppercase;color:var(--acc);padding-right:12px;transition:color .4s;position:absolute;top:-11px;left:0}.steps h3{font:600 21px/1.3 var(--f-display);letter-spacing:-.01em;margin:0 0 8px}.steps p{color:var(--fg-2);margin:0;font-size:15.5px;line-height:1.6}@media (width<=760px){.steps{grid-template-columns:minmax(0,1fr)}}.worlds-sin-js{display:none}.logo-fijo{width:56%;height:56%;position:absolute;inset:22%}@media (scripting:none){.worlds{display:none}.worlds-sin-js{flex-wrap:wrap;gap:6px;margin:30px 0 0;display:flex}.worlds-sin-js .world{text-decoration:none}.wpanels{flex-direction:column;gap:28px;display:flex}.wp[data-oculto]{opacity:1;filter:none;transform:none}.pause{display:none}}@media (prefers-reduced-motion:reduce){.wp,.wp[inert]{filter:none;transition:opacity .15s;transform:none}.bezel{transition:none}}
