/* Hoozy design-CSS: gegenereerd uit het Claude-ontwerp. Niet handmatig in Elementor nabouwen. */
:root{--hz-bg:#0B0D14;--hz-fg:#F2F4FA;--hz-accent:#5A77FF}
html,body{margin:0;padding:0;background:#0B0D14;color:#F2F4FA;font-family:'Archivo',sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:#F2F4FA;text-decoration:none}
a:hover{color:#5A77FF}
.hz-root{background: rgb(11, 13, 20); color: rgb(242, 244, 250); min-height: 100vh; overflow-x: clip; position: relative}
.hz-logo{display:inline-block;aspect-ratio:99/23;background:var(--hz-logo) center/contain no-repeat}
@keyframes hz-marquee { 0% { transform: translateX(0px); } 100% { transform: translateX(-50%); } }
@keyframes hz-rise { 0% { transform: translateY(110%); opacity: 0; } 100% { transform: none; opacity: 1; } }
@keyframes hz-scroll { 0% { transform: scaleY(0); transform-origin: center top; } 50% { transform: scaleY(1); transform-origin: center top; } 51% { transform-origin: center bottom; } 100% { transform: scaleY(0); transform-origin: center bottom; } }
@keyframes hz-pulse { 0%, 100% { transform: scale(1); opacity: 0.6; } 50% { transform: scale(1.5); opacity: 0; } }
@keyframes hz-spin { 100% { transform: rotate(360deg); } }
@keyframes hz-drift { 0% { transform: translate(0px, 0px) scale(1); } 50% { transform: translate(10vw, -10vh) scale(1.2); } 100% { transform: translate(-8vw, 8vh) scale(0.9); } }
@keyframes hz-scan { 0% { transform: translateY(0px); opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { transform: translateY(160px); opacity: 0; } }
@keyframes hz-sheen { 0% { transform: translateX(-140%) skewX(-20deg); } 100% { transform: translateX(240%) skewX(-20deg); } }
@keyframes hz-float { 0%, 100% { transform: translateY(0px) rotate(-2deg); } 50% { transform: translateY(-14px) rotate(2deg); } }
@keyframes hz-dash { 100% { stroke-dashoffset: 0; } }
@keyframes hz-ring { 0% { transform: scale(0.6); opacity: 0.9; } 100% { transform: scale(1.8); opacity: 0; } }
@keyframes hz-eq { 0% { transform: scaleY(0.15); } 100% { transform: scaleY(1); } }
@keyframes hz-beam { 0% { transform: translateX(-60%) skewX(-18deg); opacity: 0.3; } 50% { transform: translateX(40%) skewX(-18deg); opacity: 1; } 100% { transform: translateX(-60%) skewX(-18deg); opacity: 0.3; } }
@keyframes hz-aurora { 0% { transform: translate(-6%, -4%) scale(1); } 50% { transform: translate(6%, 6%) scale(1.18); } 100% { transform: translate(-6%, -4%) scale(1); } }
@keyframes hz-sweep { 0% { transform: translateY(-2%); } 100% { transform: translateY(102%); } }
@keyframes hz-prog { 0% { transform: scaleX(0); } 100% { transform: scaleX(1); } }
@keyframes hz-glint { 0% { transform: translateX(-120%) skewX(-18deg); } 60%, 100% { transform: translateX(320%) skewX(-18deg); } }
@keyframes hz-blink { 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0; } }
@keyframes hz-bob { 0% { transform: translateY(0px) rotate(-1deg); } 100% { transform: translateY(-16px) rotate(1deg); } }
.z0.z0.z0.z0{position: sticky; top: 0px; z-index: 20; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 20px clamp(20px, 4vw, 56px); background: rgba(11, 13, 20, 0.92); border-bottom: 1px solid rgba(242, 244, 250, 0.08)}
.z1.z1{display: inline-flex; align-items: center; gap: 12px}
.z2.z2{width: 8px; height: 8px; border-radius: 50%; background: rgb(90, 119, 255); display: inline-block; position: relative}
.z3.z3{position: absolute; inset: 0px; border-radius: 50%; background: rgb(90, 119, 255); animation: 2.4s ease-out 0s infinite normal none running hz-pulse}
.z4.z4{height: 26px; width: auto; display: block}
.z5.z5{display: flex; gap: clamp(16px, 3vw, 36px); flex-wrap: wrap; font-family: "IBM Plex Mono", monospace; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase}
.z6.z6{color: rgb(242, 244, 250); border-bottom: 1px solid rgb(90, 119, 255); padding-bottom: 2px}
.z7.z7{color: rgb(169, 175, 194); transition: color 0.2s}
.z8.z8 .elementor-button{all:unset;box-sizing:border-box;cursor:pointer;font-family: "IBM Plex Mono", monospace; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; padding: 12px 18px; border: 1px solid rgb(242, 244, 250); color: rgb(242, 244, 250); transition: background 0.25s, color 0.25s, transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1); display: inline-block}
.z9.z9.z9.z9{position: relative; min-height: min(100vh, 1040px); display: grid; grid-template-rows: 1fr auto; overflow: hidden}
.za.za.za.za{position: absolute; inset: -12% 0px; will-change: transform; transform: translate3d(0px, 0px, 0px)}
.zb.zb img{max-width:none;height:auto;border:none;border-radius:0;box-shadow:none;vertical-align:baseline;display:inline;width: 100%; height: 100%; object-fit: cover; object-position: center 40%; transform: scale(1.15); transform-origin: center center; opacity: 0.26}
.zc.zc{position: absolute; inset: 0px; background: linear-gradient(rgba(11, 13, 20, 0.7) 0%, rgba(11, 13, 20, 0.45) 30%, rgba(11, 13, 20, 0.8) 62%, rgba(11, 13, 20, 0.98) 85%, rgb(11, 13, 20) 100%)}
.zd.zd{position: absolute; inset: -6%; overflow: hidden; pointer-events: none; transition: transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); will-change: transform}
.ze.ze{position: absolute; width: 70vmax; height: 70vmax; left: 35%; top: -25vmax; border-radius: 50%; background: radial-gradient(circle, rgba(90, 119, 255, 0.38) 0%, rgba(11, 13, 20, 0) 70%); animation: 24s ease-in-out 0s infinite normal none running hz-aurora; will-change: transform}
.zf.zf{position: absolute; width: 48vmax; height: 48vmax; left: -16vmax; top: 30%; border-radius: 50%; background: radial-gradient(circle, rgba(40, 60, 170, 0.5) 0%, rgba(11, 13, 20, 0) 70%); animation: 29s ease-in-out -9s infinite normal none running hz-aurora; will-change: transform}
.zg.zg{position: absolute; width: 38vmax; height: 38vmax; left: 58%; top: 50%; border-radius: 50%; background: radial-gradient(circle, rgba(159, 180, 255, 0.18) 0%, rgba(11, 13, 20, 0) 70%); animation: 21s ease-in-out -15s infinite normal none running hz-aurora; will-change: transform}
.zh.zh{position: absolute; width: 118vmax; height: 118vmax; left: calc(62% - 59vmax); top: calc(52% - 59vmax); border-radius: 50%; background: conic-gradient(transparent 0deg, rgba(242, 244, 250, 0.9) 28deg, transparent 60deg, transparent 180deg, rgb(90, 119, 255) 210deg, transparent 252deg); mask-image: radial-gradient(circle, transparent 63.6%, rgb(0, 0, 0) 63.85%, rgb(0, 0, 0) 65%, transparent 65.25%); mix-blend-mode: screen; animation: 44s linear 0s infinite reverse none running hz-spin; will-change: transform; opacity: 0.85}
.zi.zi{position: absolute; width: 90vmax; height: 90vmax; left: calc(68% - 45vmax); top: calc(58% - 45vmax); border-radius: 50%; background: conic-gradient(from 90deg, transparent 0deg, rgb(90, 119, 255) 40deg, rgba(159, 180, 255, 0.9) 70deg, transparent 112deg, transparent 240deg, rgba(242, 244, 250, 0.7) 270deg, transparent 300deg); mask-image: radial-gradient(circle, transparent 63.4%, rgb(0, 0, 0) 63.65%, rgb(0, 0, 0) 65.4%, transparent 65.65%); mix-blend-mode: screen; animation: 32s linear 0s infinite normal none running hz-spin; will-change: transform; opacity: 0.8}
.zj.zj{position: absolute; width: 58vmax; height: 58vmax; left: calc(58% - 29vmax); top: calc(46% - 29vmax); border-radius: 50%; background: conic-gradient(from 200deg, transparent 0deg, rgba(242, 244, 250, 0.9) 50deg, transparent 100deg, rgba(90, 119, 255, 0.9) 300deg, transparent 340deg); mask-image: radial-gradient(circle, transparent 63%, rgb(0, 0, 0) 63.25%, rgb(0, 0, 0) 64.6%, transparent 64.85%); mix-blend-mode: screen; animation: 54s linear 0s infinite reverse none running hz-spin; will-change: transform; opacity: 0.6}
.zk.zk{position: fixed; left: 0px; top: 0px; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(90, 119, 255, 0.9); box-shadow: rgba(90, 119, 255, 0.35) 0px 0px 18px, rgba(90, 119, 255, 0.15) 0px 0px 12px inset; pointer-events: none; z-index: 26; opacity: 0; transition: opacity 0.3s; will-change: transform}
.zl.zl{position: absolute; left: 50%; top: 50%; width: 4px; height: 4px; margin: -2px 0px 0px -2px; border-radius: 50%; background: rgb(242, 244, 250)}
.zm.zm{position: absolute; inset: 0px; pointer-events: none; background: radial-gradient(600px at 50% 60%, rgba(90, 119, 255, 0.16), rgba(90, 119, 255, 0) 70%)}
.zn.zn{position: absolute; inset: 0px; pointer-events: none; background-image: linear-gradient(rgba(242, 244, 250, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(242, 244, 250, 0.05) 1px, transparent 1px); background-size: clamp(48px, 6vw, 96px) clamp(48px, 6vw, 96px); mask-image: radial-gradient(at 60% 40%, rgb(0, 0, 0) 20%, transparent 75%)}
.zo.zo.zo.zo{position: relative; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 460px), 1fr)); gap: clamp(32px, 5vw, 80px); align-items: center; padding: clamp(100px, 15vh, 170px) clamp(20px, 4vw, 56px) 40px}
.zp.zp.zp.zp{display: flex; flex-direction: column; gap: clamp(22px, 3vh, 34px)}
.zq.zq{font-family: "IBM Plex Mono", monospace; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; display: flex; align-items: center; gap: 12px}
.zr.zr{color: rgb(90, 119, 255)}
.zs.zs{display: inline-block; width: 7px; height: 12px; background: rgb(90, 119, 255); animation: 1.1s steps(1) 0s infinite normal none running hz-blink}
.zt.zt{margin: 0px; font-weight: 800; font-size: clamp(44px, 6.8vw, 118px); line-height: 0.92; letter-spacing: -0.035em; text-transform: uppercase}
.zu.zu{display: inline-block; overflow: hidden; vertical-align: bottom; padding-bottom: 0.06em; margin-bottom: -0.06em}
.zv.zv{display: inline-block}
.zw.zw{display: inline-block; overflow: hidden; vertical-align: bottom; padding-bottom: 0.06em; margin-bottom: -0.06em; position: relative}
.zx.zx{display: inline-block; color: rgb(90, 119, 255); min-width: 6.2ch; text-align: left}
.zy.zy{position: absolute; left: -0.02em; right: 0.1em; top: 47%; height: 0.075em; background: rgb(242, 244, 250); transform: scaleX(0); transform-origin: left center; pointer-events: none}
.zz.zz p{color:inherit;font-family:inherit;margin: 0px; max-width: 460px; font-size: clamp(16px, 1.3vw, 19px); line-height: 1.5; color: rgb(211, 216, 230); text-wrap: pretty}
.z10.z10.z10.z10{display: flex; gap: 14px; flex-wrap: wrap; align-items: center}
.z11.z11 .elementor-button{all:unset;box-sizing:border-box;cursor:pointer;font-family: "IBM Plex Mono", monospace; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; padding: 16px 24px; background: rgb(242, 244, 250); color: rgb(11, 13, 20); display: inline-block; transition: background 0.25s, color 0.25s, transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1)}
.z12.z12 .elementor-button{all:unset;box-sizing:border-box;cursor:pointer;font-family: "IBM Plex Mono", monospace; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; padding: 16px 24px; border: 1px solid rgba(242, 244, 250, 0.35); color: rgb(242, 244, 250); display: inline-block; transition: border-color 0.25s, transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1)}
.z13.z13{display: flex; justify-content: center; perspective: 1200px; padding: 40px 0px}
.z14.z14{position: relative; width: min(280px, 64vw); aspect-ratio: 3 / 4.3; transform-style: preserve-3d; transition: transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1); will-change: transform}
.z15.z15{position: absolute; inset: 0px; transform-style: preserve-3d}
.z16.z16{position: absolute; left: 50%; bottom: 79%; height: 70vh; width: 7px; margin-left: -3.5px; background: linear-gradient(rgba(30, 26, 24, 0) 0%, rgb(30, 34, 48) 40%, rgb(42, 46, 60) 100%); border-radius: 3px}
.z17.z17{position: absolute; left: 50%; bottom: 76.5%; width: 24px; height: 24px; margin-left: -12px; border-radius: 50%; border: 3px solid rgb(46, 51, 66); box-shadow: rgba(0, 0, 0, 0.6) 0px 2px 6px}
.z18.z18{position: absolute; left: 50%; top: 0px; width: 54%; height: 62%; margin-left: -27%; border-radius: 20px; background: linear-gradient(rgb(42, 46, 60), rgb(20, 23, 34)); border: 1px solid rgba(242, 244, 250, 0.22); transform: translateY(-14%); box-shadow: rgba(0, 0, 0, 0.5) 0px 20px 40px; will-change: transform}
.z19.z19{position: absolute; inset: 7px; border-radius: 15px; background: linear-gradient(160deg, rgb(242, 244, 250) 0%, rgb(90, 119, 255) 50%, rgb(27, 35, 82) 100%); opacity: 0.14}
.z1a.z1a{position: absolute; top: 13px; left: 50%; width: 38px; height: 6px; margin-left: -19px; border-radius: 3px; background: rgb(11, 13, 20)}
.z1b.z1b{position: absolute; left: 0px; right: 0px; bottom: 0px; height: 78%; border-radius: 28px 28px 34px 34px; background: linear-gradient(160deg, rgb(35, 40, 56) 0%, rgb(18, 21, 31) 55%, rgb(26, 30, 43) 100%); border: 1px solid rgba(242, 244, 250, 0.18); box-shadow: rgba(0, 0, 0, 0.65) 0px 50px 90px, rgba(242, 244, 250, 0.08) 0px 1px 0px inset; overflow: hidden}
.z1c.z1c{position: absolute; inset: 0px; background-image: radial-gradient(rgba(242, 244, 250, 0.07) 0.6px, transparent 0.8px); background-size: 4px 4px}
.z1d.z1d{position: absolute; inset: 10px; border-radius: 22px 22px 28px 28px; border: 1px dashed rgba(242, 244, 250, 0.18)}
.z1e.z1e{position: absolute; left: 0px; right: 0px; top: 0px; height: 27%; border-bottom: 1px solid rgba(242, 244, 250, 0.12); background: linear-gradient(rgba(242, 244, 250, 0.05), rgba(242, 244, 250, 0))}
.z1f.z1f{position: absolute; left: 50%; top: 9%; width: 22px; height: 22px; margin-left: -11px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, rgb(58, 63, 80), rgb(10, 12, 18)); border: 1px solid rgba(242, 244, 250, 0.25)}
.z1g.z1g{position: absolute; inset: -6px; border-radius: 50%; border: 1px solid rgba(90, 119, 255, 0.8); animation: 2.6s ease-out 0s infinite normal none running hz-pulse}
.z1h.z1h{position: absolute; left: 0px; right: 0px; bottom: 9%; text-align: center; font-weight: 700; font-size: clamp(26px, 2.4vw, 34px); letter-spacing: 0.14em; color: rgb(242, 244, 250); text-shadow: rgba(90, 119, 255, 0.35) 0px 0px 24px}
.z1i.z1i{position: absolute; right: -18%; top: 30%; padding: 10px 14px; background: rgba(11, 13, 20, 0.92); border: 1px solid rgba(242, 244, 250, 0.18); font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(242, 244, 250); display: flex; gap: 10px; align-items: center; white-space: nowrap; transform: translateZ(70px)}
.z1j.z1j{width: 7px; height: 7px; border-radius: 50%; background: rgb(90, 119, 255); box-shadow: rgb(90, 119, 255) 0px 0px 12px}
.z1k.z1k{position: absolute; left: -16%; bottom: 36%; padding: 10px 14px; background: rgba(11, 13, 20, 0.92); border: 1px solid rgba(242, 244, 250, 0.18); font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(169, 175, 194); white-space: nowrap; transform: translateZ(50px)}
.z1l.z1l{position: relative; display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; padding: 28px clamp(20px, 4vw, 56px); border-top: 1px solid rgba(242, 244, 250, 0.1); font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(124, 130, 150)}
.z1m.z1m{display: inline-flex; align-items: center; gap: 14px}
.z1n.z1n{width: 1px; height: 36px; background: rgb(90, 119, 255); display: inline-block; animation: 2.2s cubic-bezier(0.65, 0, 0.35, 1) 0s infinite normal none running hz-scroll}
.z1o.z1o{border-top: 1px solid rgba(242, 244, 250, 0.1); border-bottom: 1px solid rgba(242, 244, 250, 0.1); padding: 22px 0px; overflow: hidden}
.z1p.z1p{display: flex; width: max-content; animation: 40s linear 0s infinite normal none running hz-marquee; will-change: transform}
.z1q.z1q{display: inline-flex; flex-shrink: 0}
.z1r.z1r{display: inline-flex; align-items: center; gap: 28px; padding-right: 28px; font-weight: 700; font-size: clamp(24px, 2.6vw, 40px); letter-spacing: -0.02em; white-space: nowrap; color: rgb(242, 244, 250)}
.z1s.z1s{color: rgb(90, 119, 255); font-weight: 400}
.z1t.z1t{display: inline-flex; align-items: center; gap: 28px; padding-right: 28px; font-weight: 700; font-size: clamp(24px, 2.6vw, 40px); letter-spacing: -0.02em; white-space: nowrap; color: rgb(124, 130, 150)}
.z1u.z1u.z1u.z1u{position: relative; overflow: hidden; padding: clamp(80px, 10vw, 150px) clamp(20px, 4vw, 56px); border-top: 1px solid rgba(242, 244, 250, 0.08)}
.z1v.z1v{position: absolute; inset: 0px; pointer-events: none; background: radial-gradient(60% 70% at 85% -10%, rgba(90, 119, 255, 0.28), rgba(90, 119, 255, 0) 60%), radial-gradient(40% 50% at 10% 110%, rgba(159, 180, 255, 0.12), rgba(159, 180, 255, 0) 60%)}
.z1w.z1w{position: absolute; inset: 0px; overflow: hidden; pointer-events: none}
.z1x.z1x{position: absolute; top: -20%; bottom: -20%; left: 58%; width: 22%; background: linear-gradient(90deg, rgba(200, 212, 255, 0), rgba(200, 212, 255, 0.06) 25%, rgba(200, 212, 255, 0.16) 45%, rgba(90, 119, 255, 0.14) 60%, rgba(200, 212, 255, 0.05) 80%, rgba(200, 212, 255, 0)); animation: 9s ease-in-out 0s infinite normal none running hz-beam; will-change: transform}
.z1y.z1y{position: absolute; top: -20%; bottom: -20%; left: 78%; width: 10%; background: linear-gradient(90deg, rgba(200, 212, 255, 0), rgba(200, 212, 255, 0.08) 30%, rgba(200, 212, 255, 0.2) 50%, rgba(200, 212, 255, 0.08) 70%, rgba(200, 212, 255, 0)); animation: 12s ease-in-out -4s infinite normal none running hz-beam; will-change: transform}
.z1z.z1z{position: absolute; top: -20%; bottom: -20%; left: 30%; width: 8%; background: linear-gradient(90deg, rgba(90, 119, 255, 0), rgba(90, 119, 255, 0.07) 30%, rgba(90, 119, 255, 0.16) 50%, rgba(90, 119, 255, 0.07) 70%, rgba(90, 119, 255, 0)); animation: 15s ease-in-out -7s infinite normal none running hz-beam; will-change: transform}
.z20.z20{position: absolute; inset: 0px; width: 100%; height: 100%; pointer-events: none}
.z21.z21.z21.z21{position: relative}
.z22.z22.z22.z22{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 2fr); gap: clamp(24px, 4vw, 64px); margin-bottom: clamp(40px, 5vw, 72px)}
.z23.z23{font-family: "IBM Plex Mono", monospace; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(90, 119, 255)}
.z24.z24.z24.z24{display: flex; flex-direction: column; gap: 20px}
.z25.z25 .elementor-heading-title{color:inherit;font-family:inherit;padding:0;margin:0;margin: 0px; font-weight: 700; font-size: clamp(32px, 4.2vw, 64px); line-height: 1; letter-spacing: -0.03em; text-wrap: balance}
.z26.z26 p{color:inherit;font-family:inherit;margin: 0px; max-width: 520px; color: rgb(169, 175, 194); line-height: 1.55; font-size: 16px; text-wrap: pretty}
.z27.z27{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: 1px; background: rgba(242, 244, 250, 0.14); border: 1px solid rgba(242, 244, 250, 0.14)}
.z28.z28{position: relative; overflow: hidden; min-height: clamp(540px, 62vh, 700px); display: flex; flex-direction: column; justify-content: space-between; gap: 48px; padding: clamp(24px, 3vw, 40px); background: rgba(11, 13, 20, 0.78); color: rgb(242, 244, 250); transition: background 0.5s}
.z29.z29{position: absolute; inset: -6%; width: 112%; height: 112%; object-fit: cover; opacity: 0.24; transition: opacity 0.8s}
.z2a.z2a{position: absolute; inset: 0px; background: linear-gradient(rgba(11, 13, 20, 0) 0%, rgba(11, 13, 20, 0.88) 70%)}
.z2b.z2b{position: absolute; inset: 0px; opacity: 0; transition: opacity 0.5s; background: radial-gradient(420px, rgba(90, 119, 255, 0.22), rgba(90, 119, 255, 0) 70%); pointer-events: none}
.z2c.z2c{position: absolute; top: -20%; bottom: -20%; left: 0px; width: 34%; background: linear-gradient(90deg, rgba(242, 244, 250, 0), rgba(242, 244, 250, 0.12), rgba(242, 244, 250, 0)); transform: translateX(-140%) skewX(-20deg); pointer-events: none}
.z2d.z2d{position: absolute; right: 16px; top: -14px; font-weight: 800; font-size: clamp(180px, 22vw, 320px); line-height: 1; color: transparent; -webkit-text-stroke: 1px rgba(242, 244, 250, 0.22); user-select: none; pointer-events: none; transition: color 0.6s, -webkit-text-stroke-color 0.6s}
.z2e.z2e{position: relative; display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(124, 130, 150)}
.z2f.z2f{display: flex; flex-direction: column; gap: 14px}
.z2g.z2g{display: flex; align-items: center; gap: 14px}
.z2h.z2h{position: relative; width: 44px; height: 44px; display: grid; place-items: center}
.z2i.z2i{position: absolute; inset: 0px; border-radius: 50%; border: 1px solid rgba(90, 119, 255, 0.9); animation: 2.4s ease-out 0s infinite normal none running hz-ring}
.z2j.z2j{position: absolute; inset: 0px; border-radius: 50%; border: 1px solid rgba(90, 119, 255, 0.9); animation: 2.4s ease-out -1.2s infinite normal none running hz-ring}
.z2k.z2k{display: flex; align-items: flex-end; gap: 3px; height: 20px}
.z2l.z2l{width: 3px; height: 100%; background: rgb(90, 119, 255); transform-origin: center bottom; animation: 0.7s ease-in-out 0s infinite alternate none running hz-eq}
.z2m.z2m{width: 3px; height: 100%; background: rgb(242, 244, 250); transform-origin: center bottom; animation: 0.83s ease-in-out -0.2s infinite alternate none running hz-eq}
.z2n.z2n{width: 3px; height: 100%; background: rgb(90, 119, 255); transform-origin: center bottom; animation: 0.96s ease-in-out -0.4s infinite alternate none running hz-eq}
.z2o.z2o{width: 3px; height: 100%; background: rgb(242, 244, 250); transform-origin: center bottom; animation: 1.09s ease-in-out -0.6s infinite alternate none running hz-eq}
.z2p.z2p{width: 3px; height: 100%; background: rgb(90, 119, 255); transform-origin: center bottom; animation: 1.22s ease-in-out -0.8s infinite alternate none running hz-eq}
.z2q.z2q{color: rgb(242, 244, 250)}
.z2r.z2r{color: rgb(90, 119, 255); padding: 6px 10px; border: 1px solid rgba(90, 119, 255, 0.5)}
.z2s.z2s{position: relative; display: flex; flex-direction: column; gap: 22px}
.z2t.z2t{margin: 0px; font-weight: 700; font-size: clamp(28px, 3vw, 46px); line-height: 1; letter-spacing: -0.03em; text-wrap: balance; max-width: 14ch}
.z2u.z2u{margin: 0px; max-width: 440px; color: rgb(169, 175, 194); line-height: 1.55; font-size: 16px; text-wrap: pretty}
.z2v.z2v{position: relative; display: flex; flex-direction: column; border-bottom: 1px solid rgba(242, 244, 250, 0.12); overflow: hidden}
.z2w.z2w{position: absolute; left: 0px; right: 0px; height: 1px; top: 0px; background: linear-gradient(90deg, rgba(90, 119, 255, 0), rgb(90, 119, 255), rgba(90, 119, 255, 0)); animation: 4s ease-in-out 0s infinite normal none running hz-scan; pointer-events: none}
.z2x.z2x{display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 12px 0px; border-top: 1px solid rgba(242, 244, 250, 0.12); font-family: "IBM Plex Mono", monospace; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase}
.z2y.z2y{color: rgb(169, 175, 194)}
.z2z.z2z{display: inline-flex; align-items: center; gap: 10px; color: rgb(242, 244, 250)}
.z30.z30{position: relative; width: 6px; height: 6px; border-radius: 50%; background: rgb(90, 119, 255); box-shadow: rgb(90, 119, 255) 0px 0px 10px}
.z31.z31{position: absolute; inset: -4px; border-radius: 50%; border: 1px solid rgba(90, 119, 255, 0.8); animation: 2.2s ease-out 0s infinite normal none running hz-pulse}
.z32.z32{display: inline-flex; align-items: center; gap: 12px; font-family: "IBM Plex Mono", monospace; font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(242, 244, 250)}
.z33.z33{display: inline-block; color: rgb(90, 119, 255); transition: transform 0.4s cubic-bezier(0.2, 0.7, 0.2, 1)}
.z34.z34{position: relative; width: 44px; height: 44px}
.z35.z35{position: absolute; inset: 0px; border-radius: 50%; border: 1px dashed rgba(242, 244, 250, 0.7); animation: 8s linear 0s infinite normal none running hz-spin}
.z36.z36{position: absolute; inset: 7px; border-radius: 50%; border-width: 2px; border-style: solid; border-color: rgb(90, 119, 255) transparent transparent rgb(90, 119, 255); border-image: initial; animation: 3s linear 0s infinite reverse none running hz-spin}
.z37.z37{position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; margin: -4px 0px 0px -4px; border-radius: 50%; background: rgb(90, 119, 255); box-shadow: rgb(90, 119, 255) 0px 0px 14px}
.z38.z38{color: rgb(124, 130, 150); padding: 6px 10px; border: 1px solid rgba(242, 244, 250, 0.2)}
.z39.z39{display: inline-flex; align-items: center; gap: 10px; color: rgb(124, 130, 150)}
.z3a.z3a{position: relative; width: 6px; height: 6px; border-radius: 50%; background: rgba(242, 244, 250, 0.25); box-shadow: none}
.z3b.z3b.z3b.z3b{position: relative; padding: 0px clamp(20px, 4vw, 56px) 14vh; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: clamp(32px, 5vw, 96px); overflow: clip; align-items: start}
.z3c.z3c{position: absolute; inset: 0px; pointer-events: none; background: radial-gradient(55% 45% at 25% 40%, rgba(90, 119, 255, 0.24), rgba(90, 119, 255, 0) 60%), radial-gradient(40% 30% at 80% 85%, rgba(159, 180, 255, 0.12), rgba(159, 180, 255, 0) 60%)}
.z3d.z3d{position: absolute; inset: 0px; pointer-events: none}
.z3e.z3e{position: sticky; top: 0px; display: block; width: 100%; height: 100vh}
.z3f.z3f{position: absolute; inset: 0px; pointer-events: none; background: linear-gradient(rgb(11, 13, 20) 0%, rgba(11, 13, 20, 0) 12%, rgba(11, 13, 20, 0) 88%, rgb(11, 13, 20) 100%)}
.z3g.z3g{position: sticky; top: 0px; height: 100vh; display: flex; align-items: center; justify-content: center; align-self: stretch}
.z3h.z3h{position: relative; width: 260px; height: 460px}
.z3i.z3i{position: absolute; inset: auto -40% -20%; height: 70%; background: radial-gradient(at 50% 100%, rgba(90, 119, 255, 0.4), rgba(90, 119, 255, 0) 60%); transition: opacity 0.6s}
.z3j.z3j{position: absolute; left: 50%; top: 0px; width: 150px; height: 300px; margin-left: -75px; border-radius: 26px; background: linear-gradient(rgb(42, 46, 60), rgb(20, 23, 34)); border: 1px solid rgba(242, 244, 250, 0.22); transform: translateY(-220px); will-change: transform; z-index: 1; box-shadow: rgba(0, 0, 0, 0.5) 0px 20px 40px}
.z3k.z3k{position: absolute; inset: 8px; border-radius: 20px; background: linear-gradient(160deg, rgb(242, 244, 250) 0%, rgb(90, 119, 255) 45%, rgb(27, 35, 82) 100%); opacity: 0.95; box-shadow: rgba(90, 119, 255, 0.6) 0px 0px 60px; overflow: hidden}
.z3l.z3l{position: absolute; inset: 38px 14px 14px; background-image: radial-gradient(circle, rgba(11, 13, 20, 0.55) 9px, transparent 10px); background-size: 33px 33px; background-position: center center}
.z3m.z3m{position: absolute; top: 14px; left: 50%; width: 46px; height: 7px; margin-left: -23px; border-radius: 4px; background: rgb(11, 13, 20)}
.z3n.z3n{position: absolute; top: 13px; left: 50%; margin-left: 12px; width: 8px; height: 8px; border-radius: 50%; background: rgb(10, 8, 8); border: 1px solid rgba(242, 244, 250, 0.3); box-shadow: rgba(107, 134, 255, 0.6) 0px 0px 3px inset}
.z3o.z3o{position: absolute; left: 50%; bottom: 0px; width: 200px; height: 350px; margin-left: -100px; border-radius: 24px 24px 30px 30px; background: rgba(22, 18, 16, 0.78); border: 1px solid rgba(242, 244, 250, 0.16); box-shadow: rgba(0, 0, 0, 0.5) 0px 30px 60px, rgba(242, 244, 250, 0.08) 0px 1px 0px inset; z-index: 2; overflow: hidden}
.z3p.z3p{position: absolute; inset: 0px; background-image: radial-gradient(rgba(242, 244, 250, 0.06) 0.6px, transparent 0.8px); background-size: 4px 4px}
.z3q.z3q{position: absolute; left: 0px; right: 0px; top: 0px; height: 29%; background: linear-gradient(rgb(34, 38, 54), rgb(18, 21, 31)); border-bottom: 1px solid rgba(242, 244, 250, 0.14); display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 20px 0px 12px; transition: box-shadow 0.6s}
.z3r.z3r{position: relative; width: 20px; height: 20px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, rgb(58, 63, 80), rgb(10, 12, 18)); border: 1px solid rgba(242, 244, 250, 0.25)}
.z3s.z3s{position: absolute; inset: -6px; border-radius: 50%; border: 1px solid rgba(90, 119, 255, 0); transition: border-color 0.5s}
.z3t.z3t{font-family: "IBM Plex Mono", monospace; font-size: 9px; letter-spacing: 0.22em; text-transform: uppercase; color: rgb(124, 130, 150); transition: color 0.5s}
.z3u.z3u{position: absolute; inset: 33% 16px 22%; border-radius: 14px; border: 1px solid rgba(242, 244, 250, 0.22); background: linear-gradient(160deg, rgba(242, 244, 250, 0.1), rgba(242, 244, 250, 0.03))}
.z3v.z3v{position: absolute; inset: 9px; border-radius: 17px 17px 23px 23px; border: 1px dashed rgba(242, 244, 250, 0.16); pointer-events: none}
.z3w.z3w{position: absolute; left: 0px; right: 0px; bottom: 7%; text-align: center; font-weight: 700; font-size: 26px; letter-spacing: 0.14em; color: rgb(242, 244, 250); transition: color 0.4s, text-shadow 0.4s}
.z3x.z3x{position: absolute; left: 50%; bottom: -52px; transform: translateX(-50%); font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(124, 130, 150); white-space: nowrap; display: flex; align-items: center; gap: 10px}
.z3y.z3y{width: 6px; height: 6px; border-radius: 50%; background: rgb(242, 244, 250); transition: background 0.4s, box-shadow 0.4s}
.z3z.z3z.z3z.z3z{display: flex; flex-direction: column}
.z40.z40.z40.z40{position: relative; padding: clamp(60px, 10vh, 100px) 0px 0px}
.z41.z41{font-family: "IBM Plex Mono", monospace; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(90, 119, 255); margin-bottom: 24px}
.z42.z42.z42.z42{position: relative; min-height: 72vh; display: flex; flex-direction: column; justify-content: center; gap: 18px; transition: opacity 0.5s, transform 0.5s}
.z43.z43{font-family: "IBM Plex Mono", monospace; font-size: 12px; letter-spacing: 0.12em; color: rgb(124, 130, 150)}
.z44.z44 .elementor-heading-title{color:inherit;font-family:inherit;padding:0;margin:0;margin: 0px; font-weight: 700; font-size: clamp(28px, 3vw, 44px); letter-spacing: -0.02em; line-height: 1.05}
.z45.z45 p{color:inherit;font-family:inherit;margin: 0px; max-width: 460px; color: rgb(169, 175, 194); line-height: 1.55; font-size: 17px; text-wrap: pretty}
.z46.z46.z46.z46{position: relative; padding: clamp(80px, 10vw, 150px) clamp(20px, 4vw, 56px); border-top: 1px solid rgba(242, 244, 250, 0.1); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr)); gap: clamp(40px, 5vw, 96px); align-items: center}
.z47.z47{position: relative; aspect-ratio: 3 / 2; overflow: hidden; background: rgb(18, 21, 31)}
.z48.z48{position: absolute; inset: -5%; will-change: transform; transform: translate3d(0px, 15px, 0px)}
.z49.z49{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover}
.z4a.z4a{position: absolute; inset: 0px; background: linear-gradient(160deg, rgba(40, 60, 170, 0.28), rgba(11, 13, 20, 0.55))}
.z4b.z4b{position: absolute; left: 52%; top: 40%; transform: translate(-50%, -50%); display: flex; align-items: center; gap: 12px; pointer-events: none; opacity: 1; transition: opacity 0.5s}
.z4c.z4c{position: relative; width: 14px; height: 14px; border-radius: 50%; background: rgb(90, 119, 255); box-shadow: rgba(90, 119, 255, 0.25) 0px 0px 0px 4px, rgb(90, 119, 255) 0px 0px 18px; flex-shrink: 0}
.z4d.z4d{position: absolute; inset: -10px; border-radius: 50%; border: 1px solid rgb(90, 119, 255); animation: 1.8s ease-out 0s infinite normal none running hz-pulse}
.z4e.z4e{padding: 8px 12px; background: rgba(11, 13, 20, 0.92); border: 1px solid rgba(90, 119, 255, 0.6); font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(242, 244, 250); white-space: nowrap; transform: translateX(0px); transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.2, 1)}
.z4f.z4f{position: absolute; left: 61%; top: 22%; transform: translate(-50%, -50%); display: flex; align-items: center; gap: 12px; pointer-events: none; opacity: 0; transition: opacity 0.5s}
.z4g.z4g{padding: 8px 12px; background: rgba(11, 13, 20, 0.92); border: 1px solid rgba(90, 119, 255, 0.6); font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(242, 244, 250); white-space: nowrap; transform: translateX(-10px); transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.2, 1)}
.z4h.z4h{position: absolute; left: 50%; top: 60%; transform: translate(-50%, -50%); display: flex; align-items: center; gap: 12px; pointer-events: none; opacity: 0; transition: opacity 0.5s}
.z4i.z4i{position: absolute; inset: 0px; pointer-events: none; overflow: hidden}
.z4j.z4j{position: absolute; left: 0px; right: 0px; top: 0px; height: 100%; animation: 5s cubic-bezier(0.65, 0, 0.35, 1) 0s infinite normal none running hz-sweep}
.z4k.z4k{position: absolute; left: 0px; right: 0px; top: 0px; height: 1px; background: linear-gradient(90deg, rgba(90, 119, 255, 0), rgb(159, 180, 255), rgba(90, 119, 255, 0)); box-shadow: rgb(90, 119, 255) 0px 0px 14px}
.z4l.z4l{position: absolute; inset: 18px; pointer-events: none}
.z4m.z4m{position: absolute; left: 0px; top: 0px; border-width: 0px; width: 28px; height: 28px; border-color: rgb(242, 244, 250); border-style: solid; pointer-events: none}
.z4n.z4n{position: absolute; right: 0px; top: 0px; border-width: 0px; width: 28px; height: 28px; border-color: rgb(242, 244, 250); border-style: solid; pointer-events: none}
.z4o.z4o{position: absolute; left: 0px; bottom: 0px; border-width: 0px; width: 28px; height: 28px; border-color: rgb(242, 244, 250); border-style: solid; pointer-events: none}
.z4p.z4p{position: absolute; right: 0px; bottom: 0px; border-width: 0px; width: 28px; height: 28px; border-color: rgb(242, 244, 250); border-style: solid; pointer-events: none}
.z4q.z4q{position: absolute; left: 14px; top: 12px; display: flex; align-items: center; gap: 10px; font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(242, 244, 250)}
.z4r.z4r{position: relative; display: inline-flex; align-items: center; gap: 8px}
.z4s.z4s{width: 8px; height: 8px; border-radius: 50%; background: rgb(255, 77, 77); animation: 1.2s steps(1) 0s infinite normal none running hz-blink}
.z4t.z4t{position: absolute; left: -4px; right: -4px; top: 50%; height: 1px; background: rgb(242, 244, 250); transform: rotate(-12deg)}
.z4u.z4u{color: rgb(159, 180, 255)}
.z4v.z4v{position: absolute; right: 14px; bottom: 12px; font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(169, 175, 194)}
.z4w.z4w.z4w.z4w{display: flex; flex-direction: column; gap: clamp(28px, 3vw, 40px)}
.z4x.z4x .elementor-heading-title{color:inherit;font-family:inherit;padding:0;margin:0;margin: 0px; font-weight: 700; font-size: clamp(32px, 4vw, 60px); line-height: 1; letter-spacing: -0.03em; text-wrap: balance}
.z4y.z4y{display: flex; flex-direction: column; border-top: 1px solid rgba(242, 244, 250, 0.12)}
.z4z.z4z{position: relative; display: grid; grid-template-columns: 56px minmax(0px, 1fr); gap: 16px; padding: 26px 0px; border-bottom: 1px solid rgba(242, 244, 250, 0.12); cursor: default}
.z50.z50{position: absolute; left: 0px; right: 0px; bottom: -1px; height: 1px; background: rgb(90, 119, 255); transform-origin: left center; animation: 4.5s linear 0s 1 normal forwards running hz-prog}
.z51.z51{font-weight: 800; font-size: 28px; line-height: 1; color: transparent; -webkit-text-stroke: 1px rgb(90, 119, 255); transition: -webkit-text-stroke-color 0.4s}
.z52.z52{margin: 0px; font-weight: 700; font-size: clamp(22px, 2.2vw, 32px); letter-spacing: -0.02em; line-height: 1.05; color: rgb(242, 244, 250); transition: color 0.4s}
.z53.z53{display: grid; grid-template-rows: 1fr; transition: grid-template-rows 0.55s cubic-bezier(0.2, 0.7, 0.2, 1)}
.z54.z54{overflow: hidden}
.z55.z55{margin: 0px; padding-top: 12px; max-width: 460px; color: rgb(169, 175, 194); line-height: 1.55; font-size: 16px; text-wrap: pretty}
.z56.z56{font-weight: 800; font-size: 28px; line-height: 1; color: transparent; -webkit-text-stroke: 1px rgba(242, 244, 250, 0.3); transition: -webkit-text-stroke-color 0.4s}
.z57.z57{margin: 0px; font-weight: 700; font-size: clamp(22px, 2.2vw, 32px); letter-spacing: -0.02em; line-height: 1.05; color: rgb(124, 130, 150); transition: color 0.4s}
.z58.z58{display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.55s cubic-bezier(0.2, 0.7, 0.2, 1)}
.z59.z59{position: relative; overflow: hidden; padding: clamp(48px, 6vw, 80px) 0px; border-bottom: 1px solid rgba(242, 244, 250, 0.1)}
.z5a.z5a{display: flex; width: max-content; animation: 120s linear 0s infinite normal none running hz-marquee; will-change: transform}
.z5b.z5b{display: flex; gap: clamp(12px, 1.5vw, 24px); padding-right: clamp(12px, 1.5vw, 24px); flex-shrink: 0}
.z5c.z5c{height: clamp(200px, 28vw, 380px); width: auto; display: block; border: 1px solid rgba(242, 244, 250, 0.1); transform: none}
.z5d.z5d{height: clamp(200px, 28vw, 380px); width: auto; display: block; border: 1px solid rgba(242, 244, 250, 0.1); transform: translateY(18px)}
.z5e.z5e.z5e.z5e{position: relative; overflow: clip; padding: clamp(80px, 10vw, 150px) clamp(20px, 4vw, 56px)}
.z5f.z5f{position: absolute; inset: 0px; pointer-events: none; display: flex; flex-direction: column; justify-content: center; gap: 12px; opacity: 0.9}
.z5g.z5g{display: flex; width: max-content; animation: 90s linear 0s infinite normal none running hz-marquee; will-change: transform}
.z5h.z5h{font-weight: 800; font-size: clamp(64px, 9vw, 150px); line-height: 1; letter-spacing: -0.03em; text-transform: uppercase; white-space: nowrap; padding-right: 0.5em; color: transparent; -webkit-text-stroke: 1px rgba(242, 244, 250, 0.07)}
.z5i.z5i{display: flex; width: max-content; animation: 70s linear 0s infinite reverse none running hz-marquee; will-change: transform}
.z5j.z5j.z5j.z5j{position: relative; display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 2fr); gap: clamp(24px, 4vw, 64px); margin-bottom: clamp(40px, 5vw, 64px)}
.z5k.z5k{position: relative; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: clamp(32px, 5vw, 80px); align-items: start}
.z5l.z5l{position: sticky; top: 110px; display: flex; flex-direction: column; gap: 22px; padding: clamp(24px, 3vw, 36px); background: rgba(18, 21, 31, 0.85); border: 1px solid rgba(242, 244, 250, 0.12)}
.z5m.z5m{display: flex; justify-content: space-between; align-items: center; font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(124, 130, 150)}
.z5n.z5n{display: inline-block; width: 80px; height: 2px; background: rgba(242, 244, 250, 0.12); position: relative; overflow: hidden}
.z5o.z5o{position: absolute; left: 0px; top: 0px; bottom: 0px; width: 100%; background: rgb(90, 119, 255); transition: width 3.2s linear}
.z5p.z5p{display: flex; flex-direction: column; gap: 18px}
.z5q.z5q{font-weight: 800; font-size: clamp(72px, 8vw, 120px); line-height: 0.85; letter-spacing: -0.04em; color: transparent; -webkit-text-stroke: 1px rgba(90, 119, 255, 0.8)}
.z5r.z5r{margin: 0px; font-weight: 700; font-size: clamp(26px, 2.6vw, 38px); line-height: 1; letter-spacing: -0.03em}
.z5s.z5s{margin: 0px; color: rgb(169, 175, 194); line-height: 1.55; font-size: 16px; text-wrap: pretty}
.z5t.z5t{display: flex; align-items: center; gap: 10px; font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(242, 244, 250)}
.z5u.z5u{display: inline-flex; align-items: center; gap: 12px; font-family: "IBM Plex Mono", monospace; font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(242, 244, 250); margin-top: 6px}
.z5v.z5v{border-top: 1px solid rgba(242, 244, 250, 0.12)}
.z5w.z5w{position: relative; display: grid; grid-template-columns: 56px minmax(0px, 1fr) auto; align-items: center; gap: 20px; padding: 22px 0px; border-bottom: 1px solid rgba(242, 244, 250, 0.12); color: rgb(242, 244, 250); transition: padding-left 0.4s cubic-bezier(0.2, 0.7, 0.2, 1)}
.z5x.z5x{position: absolute; left: 0px; top: 0px; bottom: 0px; width: 2px; background: rgb(90, 119, 255); transform: scaleY(0); transition: transform 0.4s cubic-bezier(0.2, 0.7, 0.2, 1)}
.z5y.z5y{font-family: "IBM Plex Mono", monospace; font-size: 12px; color: rgb(124, 130, 150); transition: color 0.3s}
.z5z.z5z{font-weight: 700; font-size: clamp(24px, 3vw, 46px); letter-spacing: -0.03em; line-height: 1; transition: color 0.3s, transform 0.4s cubic-bezier(0.2, 0.7, 0.2, 1)}
.z60.z60{font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(124, 130, 150); text-align: right; display: inline-flex; align-items: center; gap: 12px}
.z61.z61{color: rgb(90, 119, 255); opacity: 0; transform: translateX(-8px); transition: opacity 0.3s, transform 0.4s}
.z62.z62.z62.z62{position: relative; overflow: clip; padding: clamp(80px, 10vw, 150px) clamp(20px, 4vw, 56px); border-top: 1px solid rgba(242, 244, 250, 0.1); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: clamp(48px, 6vw, 110px); align-items: center}
.z63.z63{position: relative; display: flex; flex-direction: column; gap: clamp(32px, 4vw, 48px)}
.z64.z64{display: flex; align-items: center; gap: 16px; font-family: "IBM Plex Mono", monospace; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(90, 119, 255)}
.z65.z65{flex: 1 1 0%; height: 1px; background: linear-gradient(90deg, rgba(90, 119, 255, 0.6), rgba(90, 119, 255, 0))}
.z66.z66{position: absolute; left: -0.08em; top: -0.42em; font-weight: 800; font-size: clamp(180px, 20vw, 300px); line-height: 1; color: transparent; -webkit-text-stroke: 1px rgba(90, 119, 255, 0.45); pointer-events: none; user-select: none}
.z67.z67{position: relative; margin: 0px; font-weight: 500; font-size: clamp(26px, 2.8vw, 42px); line-height: 1.18; letter-spacing: -0.02em; text-wrap: pretty}
.z68.z68{opacity: 0.16; transition: opacity 0.35s}
.z69.z69{display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap}
.z6a.z6a{display: flex; align-items: center; gap: 16px}
.z6b.z6b{display: flex}
.z6c.z6c{width: 48px; height: 48px; border-radius: 50%; background: rgb(18, 21, 31); border: 1px solid rgba(242, 244, 250, 0.25); display: grid; place-items: center; font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(242, 244, 250)}
.z6d.z6d{width: 48px; height: 48px; border-radius: 50%; background: rgb(90, 119, 255); border: 1px solid rgb(90, 119, 255); display: grid; place-items: center; font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(11, 13, 20); margin-left: -12px}
.z6e.z6e{display: flex; flex-direction: column; gap: 6px}
.z6f.z6f{font-weight: 700; font-size: 17px; letter-spacing: -0.01em}
.z6g.z6g{display: block; overflow: visible}
.z6h.z6h{stroke-dasharray: 300; stroke-dashoffset: 300}
.z6i.z6i{font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(124, 130, 150)}
.z6j.z6j{display: inline-flex; align-items: center; gap: 12px; padding: 14px 20px; border: 1px solid rgba(242, 244, 250, 0.3); font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(242, 244, 250); transition: border-color 0.25s, background 0.25s}
.z6k.z6k.z6k.z6k{position: relative; display: flex; justify-content: center}
.z6l.z6l.z6l.z6l{position: relative; width: min(100%, 460px); aspect-ratio: 4 / 5}
.z6m.z6m{position: absolute; inset: 0px; border-radius: 999px 999px 0px 0px; border: 1px solid rgba(90, 119, 255, 0.5); transform: translate(18px, 18px); pointer-events: none}
.z6n.z6n.z6n.z6n{position: absolute; inset: 0px; border-radius: 999px 999px 0px 0px; overflow: hidden; background: rgb(18, 21, 31)}
.z6o.z6o img{max-width:none;height:auto;border:none;border-radius:0;box-shadow:none;vertical-align:baseline;display:inline;position: absolute; left: 0px; top: -8%; width: 100%; height: 116%; object-fit: cover; will-change: transform}
.z6p.z6p{position: absolute; inset: 0px; background: linear-gradient(rgba(40, 60, 170, 0.12), rgba(11, 13, 20, 0.55))}
.z6q.z6q{position: absolute; top: -20%; bottom: -20%; width: 40%; background: linear-gradient(90deg, rgba(200, 212, 255, 0), rgba(200, 212, 255, 0.14), rgba(200, 212, 255, 0)); animation: 6s cubic-bezier(0.65, 0, 0.35, 1) 0s infinite normal none running hz-glint}
.z6r.z6r{position: absolute; left: -18px; bottom: 32px; padding: 14px 18px; background: rgb(11, 13, 20); border: 1px solid rgba(242, 244, 250, 0.16); display: flex; flex-direction: column; gap: 6px; box-shadow: rgba(0, 0, 0, 0.5) 0px 20px 40px}
.z6s.z6s{font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(90, 119, 255)}
.z6t.z6t.z6t.z6t{position: relative; overflow: hidden; padding: clamp(100px, 14vw, 200px) clamp(20px, 4vw, 56px) clamp(80px, 10vw, 140px); border-top: 1px solid rgba(242, 244, 250, 0.1); display: flex; flex-direction: column; gap: clamp(40px, 5vw, 72px); background: radial-gradient(at 85% 110%, rgba(90, 119, 255, 0.22) 0%, rgba(90, 119, 255, 0) 55%), rgb(11, 13, 20)}
.z6u.z6u{position: absolute; right: clamp(20px, 4vw, 56px); top: clamp(40px, 6vw, 80px); width: 120px; height: 120px; border-radius: 50%; border: 1px solid rgba(242, 244, 250, 0.18); display: grid; place-items: center; animation: 18s linear 0s infinite normal none running hz-spin; font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.3em; text-transform: uppercase; color: rgb(124, 130, 150); text-align: center; line-height: 1.6}
.z6v.z6v{font-family: "IBM Plex Mono", monospace; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase}
.z6w.z6w .elementor-heading-title{color:inherit;font-family:inherit;padding:0;margin:0;margin: 0px; font-weight: 800; font-size: clamp(40px, 7vw, 116px); line-height: 0.92; letter-spacing: -0.035em; text-transform: uppercase; text-wrap: balance; max-width: 16ch}
.z6x.z6x.z6x.z6x{display: flex; gap: 16px; flex-wrap: wrap; align-items: center}
.z6y.z6y .elementor-button{all:unset;box-sizing:border-box;cursor:pointer;font-family: "IBM Plex Mono", monospace; font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; padding: 18px 28px; background: rgb(242, 244, 250); color: rgb(11, 13, 20); display: inline-block; transition: background 0.25s, color 0.25s, transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1)}
.z6z.z6z .elementor-button{all:unset;box-sizing:border-box;cursor:pointer;font-family: "IBM Plex Mono", monospace; font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; padding: 18px 28px; border: 1px solid rgba(242, 244, 250, 0.4); color: rgb(242, 244, 250); display: inline-block; transition: border-color 0.25s, transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1)}
.z70.z70.z70.z70{padding: clamp(40px, 5vw, 72px) clamp(20px, 4vw, 56px) 28px; border-top: 1px solid rgba(242, 244, 250, 0.1); display: flex; flex-direction: column; gap: 56px; overflow: hidden}
.z71.z71.z71.z71{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: 32px}
.z72.z72{height: 32px; width: auto; display: block}
.z73.z73.z73.z73{display: flex; flex-direction: column; gap: 12px; font-size: 14px}
.z74.z74{font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(124, 130, 150); margin-bottom: 4px}
.z75.z75 .elementor-button{all:unset;box-sizing:border-box;cursor:pointer;color: rgb(169, 175, 194)}
.z76.z76{display: flex; justify-content: center; font-weight: 800; font-size: clamp(72px, 19vw, 300px); line-height: 0.85; letter-spacing: -0.02em; color: transparent; -webkit-text-stroke: 1px rgba(242, 244, 250, 0.35); user-select: none}
.z77.z77{display: inline-block; transition: color 0.4s, transform 0.5s cubic-bezier(0.2, 0.7, 0.2, 1)}
.z78.z78{display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(124, 130, 150)}
.hzh0.hzh0:hover{color: rgb(242, 244, 250) !important;}
.hzh1.hzh1:hover,.hzh1.hzh1:hover .elementor-button{background: rgb(242, 244, 250) !important; color: rgb(11, 13, 20) !important;}
.hzh2.hzh2:hover,.hzh2.hzh2:hover .elementor-button{background: rgb(90, 119, 255) !important; color: rgb(242, 244, 250) !important;}
.hzh3.hzh3:hover,.hzh3.hzh3:hover .elementor-button{border-color: rgb(242, 244, 250) !important;}
.hzh4.hzh4:hover{background: rgba(23, 20, 18, 0.85) !important;}
.hzh5.hzh5:hover{border-color: rgb(90, 119, 255) !important; background: rgba(90, 119, 255, 0.12) !important;}
.hzh6.hzh6:hover{color: rgb(242, 244, 250) !important; transform: translateY(-10px) !important;}
.hzh7.hzh7:hover{color: rgb(90, 119, 255) !important; transform: translateY(-10px) !important;}
.elementor .elementor-widget-html img{max-width:none}