:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#05080d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}#root{height:100vh;min-height:100vh;overflow:hidden;text-align:center}.landing{position:relative;display:grid;height:100vh;min-height:100vh;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(237,252,255,.18),transparent 11rem),linear-gradient(135deg,#071014,#121826 43%,#05080d);isolation:isolate}.landing:before,.landing:after{position:absolute;inset:-20%;z-index:-3;content:""}.landing:before{background:conic-gradient(from 145deg at 50% 50%,transparent 0deg,rgba(99,241,223,.16) 64deg,transparent 138deg,rgba(185,153,255,.16) 214deg,transparent 300deg),radial-gradient(circle at 22% 22%,rgba(43,207,194,.18),transparent 18rem);filter:blur(18px);animation:drift 34s linear infinite}.landing:after{background:linear-gradient(115deg,transparent 10%,rgba(255,255,255,.07) 48%,transparent 55%),radial-gradient(circle at 72% 68%,rgba(115,146,255,.2),transparent 20rem);mix-blend-mode:screen;animation:breathe 18s ease-in-out infinite alternate}.aura{position:absolute;z-index:-2;width:min(62vw,48rem);aspect-ratio:1;border-radius:50%;filter:blur(44px);opacity:.55;will-change:transform}.aura-one{top:12%;left:6%;background:#23d2c63d;animation:orbit-one 28s ease-in-out infinite alternate}.aura-two{right:4%;bottom:6%;background:#8c74ff38;animation:orbit-two 32s ease-in-out infinite alternate}.signal-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:4rem 4rem;-webkit-mask-image:radial-gradient(circle at center,black 0%,transparent 68%);mask-image:radial-gradient(circle at center,black 0%,transparent 68%);opacity:.32;animation:grid-shift 24s linear infinite}.landing:not(.phase-done):before,.landing:not(.phase-done):after,.landing:not(.phase-done) .aura,.landing:not(.phase-done) .signal-grid{animation-play-state:paused}.emergence{position:absolute;inset:0;z-index:0;pointer-events:none;transform:translateZ(0);animation:emergence-float 26s ease-in-out infinite alternate}.intro-theater{position:absolute;inset:0;z-index:1;pointer-events:none}.intro-swarm,.intro-caterpillar,.intro-butterfly-wire{position:absolute;inset:0}.intro-swarm{z-index:1}.intro-caterpillar{z-index:2}.intro-caterpillar-drawing,.intro-chrysalis-drawing{position:absolute;top:38%;left:36%;display:block;width:34%;height:auto;mix-blend-mode:screen;transition:opacity .7s ease,filter .7s ease;-webkit-user-select:none;user-select:none}.intro-caterpillar-drawing{filter:drop-shadow(0 0 .16rem rgba(255,255,255,.36)) drop-shadow(0 0 .46rem rgba(150,255,246,.2));opacity:1}.intro-chrysalis-drawing{filter:drop-shadow(0 0 .16rem rgba(255,255,255,.34)) drop-shadow(0 0 .44rem rgba(150,255,246,.18));opacity:0;transform:translateY(10%)}.intro-swarm-canvas{position:absolute;top:var(--intro-canvas-top);left:var(--intro-canvas-left);display:block;width:var(--intro-canvas-width);height:var(--intro-canvas-height);overflow:visible}.intro-wire-line{position:absolute;left:var(--line-x);top:var(--line-y);display:block;width:var(--line-width);height:1.5px;background:linear-gradient(90deg,transparent,rgba(204,255,249,.92),rgba(121,240,164,.46),transparent);box-shadow:0 0 .8rem #8bfff16b,0 0 1.8rem #79f0a42e;opacity:0;transform:rotate(var(--line-angle));transform-origin:left center}.intro-butterfly-wire .intro-wire-line{background:linear-gradient(90deg,transparent,rgba(235,255,253,.88),rgba(155,255,245,.42),transparent);opacity:0}.intro-butterfly-wire .intro-wire-line{animation-delay:.12s}.dot-field,.mesh-lines{position:absolute;inset:0}.dot,.mesh-lines span{position:absolute;display:block}.dot{left:var(--x);top:var(--y);width:clamp(calc(var(--size) * .74),.74vw,calc(var(--size) * 1.14));aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fffffff5,#8bfceee6 36%,#44bfd124 74%);box-shadow:0 0 .8rem #7ef2e947,0 0 2rem #9081ff1f;opacity:var(--dot-opacity);transform:translate(-50%,-50%);animation:dot-pulse 9s ease-in-out infinite alternate;animation-delay:var(--delay);transition:opacity .9s ease,filter .9s ease;transition-delay:calc(var(--reveal-order, 0) * 45ms)}.star{background:radial-gradient(circle at 36% 32%,#ffffffe6,#9ffbf1a8 35%,#5fcfdb14 72%);box-shadow:0 0 .58rem #87f7ec38,0 0 1.4rem #627aff14}.mesh-dot{background:radial-gradient(circle at 34% 30%,#fff,#97fff3f2 34%,#5dc4e833 74%);box-shadow:0 0 1rem #8cfff56b,0 0 2.6rem #9685ff2e}.secondary{filter:saturate(.8)}.butterfly-body{background:#f4fdfff0;box-shadow:0 0 1rem #abfff86b,0 0 2.4rem #a18bff38;animation-name:butterfly-breathe}.butterfly-antenna{background:#c0f8f7d1;box-shadow:0 0 1rem #9efaf147}.wing{background:radial-gradient(circle at 40% 36%,#fffffffa,#aff4ffc2 35%,#917cff38 78%);animation-name:wing-glow}.foreground{box-shadow:0 0 1.2rem #94fff775,0 0 3rem #9a8bff38}.background{filter:saturate(.7) blur(.2px);box-shadow:0 0 .9rem #92efe83d,0 0 2rem #8173ff1f}.rim{filter:saturate(.72)}.mesh-lines span{left:var(--line-x);top:var(--line-y);width:var(--line-width);height:1px;background:linear-gradient(90deg,transparent,rgba(164,255,246,.78),rgba(181,166,255,.54),transparent);box-shadow:0 0 .7rem #77f2e666,0 0 1.7rem #9587ff2e;opacity:var(--line-opacity);transform:rotate(var(--line-angle));transform-origin:left center;animation:line-current 10s ease-in-out infinite alternate;animation-delay:var(--delay);transition:opacity .9s ease;transition-delay:calc(var(--reveal-order, 0) * 35ms)}.butterfly-line{height:1px;background:linear-gradient(90deg,transparent,rgba(218,255,253,.88),rgba(155,255,245,.5),transparent)}.foreground-line{box-shadow:0 0 .8rem #9dfff57a,0 0 1.9rem #b29fff33}.background-line{background:linear-gradient(90deg,transparent,rgba(174,227,231,.48),rgba(138,124,255,.22),transparent);filter:saturate(.75)}.butterfly-detail{height:1.5px}.antenna-line{background:linear-gradient(90deg,transparent,rgba(228,255,253,.92),rgba(150,249,239,.42),transparent);opacity:calc(var(--line-opacity) * .78)}.body-line{height:2px;background:linear-gradient(90deg,transparent,rgba(250,255,255,.95),rgba(150,255,245,.55),transparent);box-shadow:0 0 1rem #a9fff785,0 0 2.2rem #a994ff3d}.wordmark-stage{position:fixed;top:50vh;left:50vw;z-index:1;font-size:clamp(4rem,13vw,10rem);line-height:1;transform:translate(-50%,-50%);transition:opacity .95s ease}h1{margin:0;padding:0 1.5rem;color:#f8fbff;font-size:1em;font-weight:500;letter-spacing:0;line-height:1;text-shadow:0 0 1.8rem rgba(153,244,236,.2),0 0 5rem rgba(137,126,255,.22)}.wordmark{position:relative;white-space:nowrap}.wordmark-base{display:inline-flex}.base-letter{display:inline-block;color:#f8fbff;opacity:1;transition:color 1s linear,opacity 1s linear,text-shadow 1s linear}.base-letter.matched{color:#79f0a4;text-shadow:0 0 1.4rem rgba(121,240,164,.34),0 0 4rem rgba(121,240,164,.18)}.base-letter.dimmed{opacity:.08}.wordmark-overlay{position:absolute;top:0;left:var(--overlay-left);display:inline-flex;color:#79f0a4;opacity:0;pointer-events:none;text-shadow:0 0 1.2rem rgba(121,240,164,.32),0 0 3.6rem rgba(121,240,164,.18);transition:opacity 1s linear;white-space:nowrap}.wordmark-overlay.visible{opacity:1}.borrowed-letter{opacity:0}.question-orb{position:absolute;top:calc(100% + .34em);left:50%;display:grid;width:.36em;height:.36em;padding:0;place-items:center;border:0;border-radius:50%;color:#05080d;font:inherit;font-weight:700;line-height:1;background:radial-gradient(circle at 32% 24%,#fff 0 14%,#f8fbff 28%,#cad3dc 58%,#83909a);box-shadow:inset -.08em -.11em .18em #0000003d,inset .06em .07em .12em #ffffffeb,0 .06em .2em #00000052,0 0 1.8rem #f8fbff38;cursor:pointer;transform:translate(-50%) translateY(0);transition:opacity .52s ease,transform .52s ease,filter .26s ease}.question-orb span{display:block;font-size:.2em;line-height:1;transform:translateY(-.02em)}.question-orb:hover{filter:brightness(1.05);transform:translate(-50%) translateY(-.02em) scale(1.04)}.question-orb:focus-visible{outline:2px solid #79f0a4;outline-offset:.12em}.question-orb.hidden{opacity:0;pointer-events:none;transform:translate(-50%) translateY(.12em) scale(.82)}.landing.phase-swarm .star,.landing.phase-swarm .mesh-dot,.landing.phase-swarm .mesh-lines span,.landing.phase-swarm .wordmark-stage,.landing.phase-caterpillar .mesh-dot,.landing.phase-caterpillar .mesh-lines span,.landing.phase-caterpillar .wordmark-stage,.landing.phase-chrysalis .star,.landing.phase-chrysalis .mesh-dot,.landing.phase-chrysalis .mesh-lines span,.landing.phase-chrysalis .butterfly-body,.landing.phase-chrysalis .butterfly-antenna,.landing.phase-chrysalis .wing,.landing.phase-chrysalis .butterfly-line,.landing.phase-chrysalis .wordmark-stage,.landing.phase-swarm .question-orb,.landing.phase-caterpillar .question-orb,.landing.phase-chrysalis .question-orb,.landing.phase-reveal .wordmark-stage,.landing.phase-reveal .question-orb{opacity:0;pointer-events:none}.landing.phase-swarm .wordmark-stage,.landing.phase-caterpillar .wordmark-stage,.landing.phase-chrysalis .wordmark-stage,.landing.phase-reveal .wordmark-stage{transform:translate(-50%,-50%)}.landing.phase-swarm .butterfly-body,.landing.phase-swarm .butterfly-antenna,.landing.phase-swarm .wing,.landing.phase-swarm .butterfly-line,.landing.phase-caterpillar .butterfly-body,.landing.phase-caterpillar .butterfly-antenna,.landing.phase-caterpillar .wing,.landing.phase-caterpillar .butterfly-line,.landing.phase-swarm .star,.landing.phase-caterpillar .star{opacity:0}.landing.phase-reveal .star,.landing.phase-reveal .mesh-dot,.landing.phase-reveal .butterfly-body,.landing.phase-reveal .butterfly-antenna,.landing.phase-reveal .wing,.landing.phase-reveal .mesh-lines span:not(.butterfly-line),.landing.phase-reveal .butterfly-line{opacity:0}.landing.phase-done .star,.landing.phase-done .mesh-dot,.landing.phase-done .butterfly-body,.landing.phase-done .butterfly-antenna,.landing.phase-done .wing{opacity:var(--dot-opacity)}.landing.phase-done .mesh-lines span:not(.butterfly-line),.landing.phase-done .butterfly-line{opacity:var(--line-opacity)}.landing.phase-reveal .star,.landing.phase-reveal .mesh-dot{animation:dot-pulse 9s ease-in-out infinite alternate,final-dot-field-in .7s ease forwards;animation-delay:var(--delay),calc(2.92s + var(--reveal-order, 0) * 20ms)}.landing.phase-reveal .mesh-lines span:not(.butterfly-line){animation:final-line-field-in .7s ease forwards;animation-delay:calc(2.92s + var(--reveal-order, 0) * 14ms)}.landing.phase-reveal .intro-caterpillar{opacity:0;transition:opacity .7s ease}.landing.phase-reveal .butterfly-body,.landing.phase-reveal .butterfly-antenna,.landing.phase-reveal .wing{animation:dot-pulse 9s ease-in-out infinite alternate,final-dot-field-in .7s ease forwards;animation-delay:var(--delay),calc(2.92s + var(--reveal-order, 0) * 18ms)}.landing.phase-reveal .butterfly-line{animation:final-line-field-in .7s ease forwards;animation-delay:calc(2.92s + var(--reveal-order, 0) * 12ms)}.landing.phase-chrysalis .intro-caterpillar-drawing,.landing.phase-reveal .intro-caterpillar-drawing{opacity:0;filter:blur(2px)}.landing.phase-chrysalis .intro-chrysalis-drawing{opacity:1}.landing.phase-reveal .intro-chrysalis-drawing{opacity:1;animation:chrysalis-drawing-out .7s ease forwards;animation-delay:2.9s}.landing.phase-reveal .intro-butterfly-wire .intro-wire-line{animation:intro-wire-in 1.4s ease forwards;animation-delay:calc(2.92s + var(--line-order, 0) * 10ms)}.landing.phase-done .wordmark-stage{opacity:1;transform:translate(-50%,-50%) scale(1)}.landing.phase-done .question-orb{transition-delay:.7s}.landing.phase-swarm .emergence .star,.landing.phase-swarm .emergence .mesh-dot,.landing.phase-swarm .emergence .butterfly-body,.landing.phase-swarm .emergence .butterfly-antenna,.landing.phase-swarm .emergence .wing,.landing.phase-swarm .emergence .mesh-lines span,.landing.phase-caterpillar .emergence .mesh-dot,.landing.phase-caterpillar .emergence .star,.landing.phase-caterpillar .emergence .butterfly-body,.landing.phase-caterpillar .emergence .butterfly-antenna,.landing.phase-caterpillar .emergence .wing,.landing.phase-caterpillar .emergence .mesh-lines span,.landing.phase-chrysalis .emergence .mesh-dot,.landing.phase-chrysalis .emergence .star,.landing.phase-chrysalis .emergence .butterfly-body,.landing.phase-chrysalis .emergence .butterfly-antenna,.landing.phase-chrysalis .emergence .wing,.landing.phase-chrysalis .emergence .mesh-lines span{opacity:0!important;transition-delay:0ms}@keyframes drift{to{transform:rotate(1turn) scale(1.08)}}@keyframes residue-reveal{to{opacity:calc(var(--dot-opacity) * .85)}}@keyframes final-dot-field-in{to{opacity:var(--dot-opacity)}}@keyframes final-line-field-in{to{opacity:var(--line-opacity)}}@keyframes chrysalis-drawing-out{to{opacity:0;filter:blur(2px)}}@keyframes intro-wire-in{0%{opacity:0;filter:blur(3px)}to{opacity:.72;filter:blur(0)}}@keyframes breathe{0%{transform:translate3d(-3%,-2%,0) scale(1);opacity:.55}to{transform:translate3d(3%,2%,0) scale(1.08);opacity:.82}}@keyframes orbit-one{to{transform:translate3d(12vw,8vh,0) scale(1.12)}}@keyframes orbit-two{to{transform:translate3d(-10vw,-7vh,0) scale(.92)}}@keyframes grid-shift{to{background-position:4rem 4rem}}@keyframes emergence-float{0%{transform:translate3d(-1.2vw,.8vh,0) scale(.99)}to{transform:translate3d(1.4vw,-1vh,0) scale(1.01)}}@keyframes dot-pulse{0%{filter:brightness(.92);transform:translate(-50%,-50%) scale(.9)}to{filter:brightness(1.18);transform:translate(-50%,-50%) scale(1.12)}}@keyframes line-current{0%{opacity:calc(var(--line-opacity) * .56);filter:saturate(.85)}to{opacity:var(--line-opacity);filter:saturate(1.45)}}@keyframes butterfly-breathe{0%{filter:brightness(.92);transform:translate(-50%,-50%) scaleY(.92)}to{filter:brightness(1.18);transform:translate(-50%,-50%) scaleY(1.18)}}@keyframes wing-glow{0%{filter:brightness(.92);transform:translate(-50%,-50%) scale(.86)}to{filter:brightness(1.22);transform:translate(-50%,-50%) scale(1.08)}}@media(max-width:720px){.signal-grid{background-size:3rem 3rem;opacity:.26}.emergence{transform:rotate(-4deg)}.dot{width:clamp(calc(var(--size) * .66),1.45vw,calc(var(--size) * 1.04))}.mesh-lines span{width:calc(var(--line-width) * 1.32)}h1{font-size:1em}.wordmark-stage{font-size:clamp(3.7rem,18vw,5.8rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
