@font-face{font-family:Manrope;src:url(/fonts/Manrope.ttf)format("truetype");font-weight:200 800;font-display:swap}:root{color:#eee8f7;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#05050b;font-family:Manrope,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-width:280px}button{font:inherit;color:inherit}button:focus-visible{outline-offset:5px;outline:1px solid #d7b6ff}::selection{background:#9b67cd55}.brand-intro{isolation:isolate;background:#05050b;width:100%;height:100svh;min-height:420px;position:relative;overflow:hidden}.intro-atmosphere,.intro-vignette,.intro-grain{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.intro-atmosphere{animation:3s ease-out both atmosphere-enter}.intro-product-context{pointer-events:none;perspective:1300px;opacity:0;animation:3s .8s forwards detail-enter;position:absolute;inset:0;overflow:hidden}.intro-interface{transform-style:preserve-3d;will-change:transform;animation:22s ease-in-out infinite alternate interface-drift;position:absolute}.intro-interface-primary{opacity:.22;filter:saturate(.65)blur(.35px);--tilt-x:10deg;--tilt-y:24deg;--tilt-z:-12deg;--drift:14px;width:min(59vw,960px);top:7%;left:-8%;-webkit-mask-image:linear-gradient(120deg,#000 12% 55%,#0000 95%);mask-image:linear-gradient(120deg,#000 12% 55%,#0000 95%)}.intro-interface-secondary{opacity:.17;filter:saturate(.5)blur(.6px);--tilt-x:12deg;--tilt-y:-24deg;--tilt-z:12deg;--drift:-17px;width:min(52vw,830px);animation-delay:-11s;top:57%;right:-6%;-webkit-mask-image:linear-gradient(300deg,#000 10% 45%,#0000 96%);mask-image:linear-gradient(300deg,#000 10% 45%,#0000 96%)}.intro-interface-glass{background:#171120;border:1px solid #bd91f299;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 0 0 5px #9470cc08,0 25px 100px #35215d33}.intro-interface img{width:100%;height:auto;display:block}.intro-interface-glass:after{content:"";border-radius:inherit;background:linear-gradient(140deg,#8354b626,#0000 45%,#05050b77);position:absolute;inset:0;box-shadow:inset 0 0 90px #07050d44}.intro-interface-scan{background:linear-gradient(#0000,#c8a8ff17);border-bottom:1px solid #c8a8ff33;width:100%;height:20%;animation:14s linear infinite interface-scan;position:absolute;top:-20%;left:0}.intro-interface-wire{align-items:center;gap:9px;width:55%;margin:15px 8px;display:flex}.intro-interface-wire i{border:1px solid #ba9add;width:4px;height:4px;transform:rotate(45deg)}.intro-interface-wire span{background:#a781ce66;flex:1;height:1px}.intro-circuit{stroke:#aa83d7;stroke-width:.65px;opacity:.19;width:23%;max-width:360px;position:absolute;top:19%;right:7%}.intro-circuit-line{stroke:#dcc4ff;stroke-dasharray:70 310;animation:12s linear infinite circuit-travel}.intro-control-fragment{opacity:.25;background:linear-gradient(145deg,#33244288,#100c1733);border:1px solid #ad82d33d;border-radius:8px;width:200px;padding:17px;position:absolute;bottom:14%;left:11%;transform:rotate(-8deg)}.intro-fragment-header{align-items:center;gap:7px;margin-bottom:20px;display:flex}.intro-fragment-header span{background:#b49bce;width:50%;height:3px;margin-right:auto}.intro-fragment-header i{border:1px solid #aa8cc5;border-radius:50%;width:4px;height:4px}.intro-fragment-row{align-items:center;gap:10px;margin:12px 0;display:flex}.intro-fragment-row i{border:1px solid #b694d24f;border-radius:2px;width:7px;height:7px}.intro-fragment-row span{background:linear-gradient(90deg,#a894bc,#a894bc22);width:58%;height:2px}.intro-fragment-row:nth-child(3) span{width:43%}.intro-fragment-row b{background:#a487c122;border:1px solid #a487c177;border-radius:6px;width:16px;height:8px;margin-left:auto}.intro-control-fragment>svg{stroke:#af88d4;stroke-width:.7px;width:100%;margin-top:15px;display:block}.intro-control-fragment>svg>path:last-child{opacity:.25}.intro-context-shade{background:radial-gradient(at 50% 46%,#05050b99,#05050b33 33%,#0000 63%);position:absolute;inset:0}@keyframes interface-drift{0%{transform:translate3d(0, 0, 0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotateZ(var(--tilt-z))}to{transform:translate3d(8px, var(--drift), 0) rotateX(var(--tilt-x)) rotateY(calc(var(--tilt-y) - 3deg)) rotateZ(calc(var(--tilt-z) + 2deg))}}@keyframes interface-scan{to{transform:translateY(620%)}}@keyframes circuit-travel{to{stroke-dashoffset:-380px}}@media (width<=650px){.intro-interface-primary{opacity:.2;--tilt-y:20deg;--tilt-z:-13deg;width:115%;top:15%;left:-32%}.intro-interface-secondary{opacity:.16;--tilt-y:-20deg;width:110%;top:61%;right:-37%}.intro-circuit{opacity:.17;width:36%;top:20%;right:3%}.intro-control-fragment{opacity:.18;width:120px;padding:11px;bottom:18%;left:-5%}.intro-fragment-header{margin-bottom:12px}.intro-fragment-row{gap:6px;margin:8px 0}}@media (height<=550px) and (width>=651px){.intro-interface-primary{width:48%;top:-10%}.intro-interface-secondary{width:43%;top:57%}.intro-control-fragment{opacity:.15;width:140px;bottom:5%}}@media (prefers-reduced-motion:reduce){.intro-product-context{opacity:1}.intro-interface{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotateZ(var(--tilt-z))}.intro-interface-scan{display:none}}.intro-vignette{background:radial-gradient(at 50% 47%,#0000 25%,#05050b44 69%,#05050bbb 100%),linear-gradient(#05050b99 0%,#0000 17% 82%,#05050b 100%)}.intro-grain{opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.22' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.intro-frame{pointer-events:none;opacity:0;animation:1.8s 1.5s forwards detail-enter;position:absolute;inset:34px}.intro-frame i{border-style:solid;border-color:#8c71aa44;width:12px;height:12px;position:absolute}.intro-frame i:first-child{border-width:1px 0 0 1px;top:0;left:0}.intro-frame i:nth-child(2){border-width:1px 1px 0 0;top:0;right:0}.intro-frame i:nth-child(3){border-width:0 0 1px 1px;bottom:0;left:0}.intro-frame i:nth-child(4){border-width:0 1px 1px 0;bottom:0;right:0}.intro-topline{opacity:0;align-items:center;gap:22px;animation:2s .65s forwards detail-enter;display:flex;position:absolute;top:7.7%;left:50%;transform:translate(-50%)}.intro-topline img{opacity:.6;width:25px;height:24px}.intro-topline>span{background:linear-gradient(90deg,#0000,#9070b744);width:48px;height:1px}.intro-topline>span:last-child{transform:rotate(180deg)}.intro-brand{text-align:center;width:min(82vw,1300px);position:absolute;top:47.5%;left:50%;transform:translate(-50%,-50%)}.intro-brand-reveal{animation:2.3s cubic-bezier(.16,1,.3,1) .35s both wordmark-enter;position:relative}.intro-brand h1{margin:0;line-height:0}.intro-brand h1 img{filter:drop-shadow(0 0 35px #9162c718)drop-shadow(0 4px 8px #05050b);width:100%;height:auto;display:block}.intro-sheen{pointer-events:none;mix-blend-mode:screen;background:linear-gradient(110deg,#0000 33%,#e2ceff66 45%,#fff 49.5%,#dcc1ff77 52%,#0000 65%) 0 0/260% 100%;animation:3.1s .6s both wordmark-sheen;position:absolute;inset:0;-webkit-mask-image:url(/assets/brand-wordmark.svg);mask-image:url(/assets/brand-wordmark.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.intro-slogan{letter-spacing:.42em;color:#b9a8cb;opacity:0;margin:38px 0 0;padding-left:.42em;font-size:clamp(10px,1.05vw,16px);font-weight:400;line-height:1.7;animation:1.8s cubic-bezier(.16,1,.3,1) 1.15s forwards slogan-enter}.intro-announcement{text-align:center;opacity:0;animation:2s 1.85s forwards detail-enter;position:absolute;bottom:17%;left:50%;transform:translate(-50%)}.intro-announcement p{color:#c2acd7;letter-spacing:.43em;white-space:nowrap;margin:24px 0 0;padding-left:.43em;font-size:9px;font-weight:450}.intro-signal{background:linear-gradient(90deg,#0000,#9471be77,#0000);width:156px;height:1px;margin:auto;position:relative;overflow:hidden}.intro-signal span{background:linear-gradient(90deg,#0000,#d7b7ff,#0000);width:60%;height:1px;animation:5s ease-in-out infinite signal-flow;position:absolute}.intro-footer{opacity:0;align-items:center;gap:28px;animation:2s 2s forwards detail-enter;display:flex;position:absolute;bottom:5%;left:5%;right:5%}.intro-footer>span:first-child{color:#71637f;letter-spacing:1.8px;font-size:10px}.intro-footer-line{background:linear-gradient(90deg,#8f6dae1f,#0000);flex:1;height:1px}.intro-footer button{color:#8d76a1;cursor:pointer;background:#1c112415;border:1px solid #8c6aaa2c;border-radius:50%;place-items:center;width:34px;height:34px;transition:color .2s,border-color .2s;display:grid}.intro-footer button:hover{color:#d5b8ed;border-color:#b18acc66}.is-paused *,.is-paused :after{animation-play-state:paused!important}@keyframes atmosphere-enter{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes wordmark-enter{0%{opacity:0;filter:blur(18px);transform:translateY(16px)scale(1.09)}to{opacity:1;filter:blur();transform:none}}@keyframes slogan-enter{0%{opacity:0;letter-spacing:.62em;transform:translateY(10px)}to{opacity:1;letter-spacing:.42em;transform:none}}@keyframes detail-enter{to{opacity:1}}@keyframes wordmark-sheen{0%{opacity:0;background-position:160% 0}20%{opacity:.65}80%{opacity:.25}to{opacity:0;background-position:-65% 0}}@keyframes signal-flow{0%{transform:translate(-150%)}to{transform:translate(270%)}}@media (width<=650px){.intro-frame{inset:20px}.intro-frame i{width:9px;height:9px}.intro-brand{width:90vw;top:46%}.intro-slogan{letter-spacing:.32em;margin-top:25px;font-size:9px}.intro-announcement{bottom:24%}.intro-announcement p{letter-spacing:.36em;margin-top:20px;font-size:8px}.intro-topline{gap:18px;top:10%}.intro-topline>span{width:30px}.intro-topline img{width:23px}.intro-footer{bottom:6%;left:8%;right:8%}.intro-footer>span:first-child{letter-spacing:1.2px;font-size:8px}}@media (height<=550px) and (width>=651px){.brand-intro{min-height:320px}.intro-brand{width:68vw;top:45%}.intro-slogan{margin-top:20px;font-size:9px}.intro-announcement{bottom:13%}.intro-announcement p{margin-top:13px;font-size:8px}.intro-topline{top:8%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.intro-atmosphere,.intro-brand-reveal,.intro-slogan,.intro-announcement,.intro-frame,.intro-footer,.intro-topline{opacity:1;filter:none;transform:none}.intro-topline,.intro-announcement{transform:translate(-50%)}.intro-sheen{display:none}}
