:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f2fffb;background:#04070d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,input,textarea,select{font:inherit}#root{min-height:100vh}.interface-field{position:relative;width:100vw;min-width:320px;height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(32,255,214,.18),transparent 26%),radial-gradient(circle at 20% 25%,rgba(255,186,73,.14),transparent 18%),radial-gradient(circle at 76% 72%,rgba(219,71,255,.14),transparent 20%),linear-gradient(135deg,#04070d,#0a1116 42%,#120d1f);isolation:isolate}.interface-field:before,.interface-field:after{position:absolute;inset:-18%;content:"";pointer-events:none}.interface-field:before{background:linear-gradient(90deg,transparent 0 48%,rgba(70,255,225,.34) 50%,transparent 52%),linear-gradient(0deg,transparent 0 49%,rgba(255,210,92,.24) 50%,transparent 51%);filter:blur(18px);opacity:.45;transform:rotate(-18deg);animation:field-drift 12s linear infinite}.interface-field:after{background:repeating-linear-gradient(90deg,transparent 0 22px,rgba(48,235,255,.08) 23px,transparent 24px),repeating-linear-gradient(0deg,transparent 0 22px,rgba(255,195,77,.06) 23px,transparent 24px);-webkit-mask-image:radial-gradient(circle at center,#000 0 48%,transparent 72%);mask-image:radial-gradient(circle at center,#000 0 48%,transparent 72%);animation:grid-shift 9s linear infinite}.hero-copy{position:absolute;z-index:4;left:clamp(24px,8vw,120px);top:clamp(36px,12vh,120px);width:min(620px,calc(100vw - 48px));text-shadow:0 0 24px rgba(39,255,221,.26)}.eyebrow{margin:0 0 14px;color:#ffd36d;font-size:clamp(.78rem,1.2vw,.95rem);font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hero-copy h1{margin:0;color:#f3fffb;font-size:clamp(3rem,8vw,7rem);line-height:.92;letter-spacing:0}.description{max-width:560px;margin:22px 0 0;color:#ddfff9c7;font-size:clamp(1rem,1.7vw,1.35rem);line-height:1.55}.scan-grid{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0 46%,rgba(0,255,204,.2) 49%,transparent 52%),repeating-linear-gradient(180deg,rgba(255,255,255,.05) 0 1px,transparent 1px 7px);mix-blend-mode:screen;opacity:.36;animation:scan-pass 5.8s ease-in-out infinite}.signal-plane{position:absolute;left:50%;top:50%;width:min(78vw,880px);aspect-ratio:1;border:1px solid rgba(80,255,227,.22);transform-style:preserve-3d}.signal-plane-a{transform:translate(-50%,-50%) rotateX(68deg) rotate(0);animation:plane-rotate-a 16s linear infinite}.signal-plane-b{border-color:#ffc44d33;transform:translate(-50%,-50%) rotateX(68deg) rotate(45deg);animation:plane-rotate-b 18s linear infinite}.core-frame{position:absolute;left:50%;top:50%;width:clamp(220px,38vw,520px);aspect-ratio:1;transform:translate(-50%,-50%)}.core-ring{position:absolute;inset:0;border:1px solid rgba(74,255,229,.55);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);filter:drop-shadow(0 0 18px rgba(34,255,216,.42))}.core-ring-a{animation:core-spin 13s linear infinite}.core-ring-b{inset:13%;border-color:#ffcb55a6;animation:core-spin 9s linear infinite reverse}.core-ring-c{inset:28%;border-color:#de5dffb8;animation:core-pulse 2.8s ease-in-out infinite}.core-lattice{position:absolute;inset:37%;display:grid;grid-template-columns:repeat(2,1fr);gap:6px;transform:rotate(45deg)}.core-lattice span{border:1px solid rgba(231,255,250,.62);background:#21ffdc1f;box-shadow:0 0 20px #21ffdc66;animation:lattice-flare 1.8s ease-in-out infinite}.core-lattice span:nth-child(2),.core-lattice span:nth-child(3){animation-delay:-.9s}.data-stack{position:absolute;top:50%;display:grid;width:clamp(42px,7vw,92px);gap:12px;transform:translateY(-50%)}.data-stack-left{left:clamp(20px,9vw,150px)}.data-stack-right{right:clamp(20px,9vw,150px)}.data-stack span{height:clamp(20px,4vh,48px);border:1px solid rgba(73,255,228,.24);background:linear-gradient(90deg,rgba(73,255,228,.18),transparent 60%),linear-gradient(135deg,#ffc44d1a,#dd4dff1f);box-shadow:inset 0 0 22px #49ffe414;animation:stack-read 2.4s ease-in-out infinite}.data-stack span:nth-child(2){animation-delay:-.32s}.data-stack span:nth-child(3){animation-delay:-.64s}.data-stack span:nth-child(4){animation-delay:-.96s}.data-stack span:nth-child(5){animation-delay:-1.28s}.pulse-rail{position:absolute;left:12vw;right:12vw;height:1px;background:linear-gradient(90deg,transparent,rgba(70,255,229,.74),transparent)}.pulse-rail-top{top:16vh;animation:rail-sweep 3.4s ease-in-out infinite}.pulse-rail-bottom{bottom:16vh;animation:rail-sweep 3.4s ease-in-out infinite reverse}@keyframes field-drift{to{transform:rotate(-18deg) translate3d(7%,4%,0)}}@keyframes grid-shift{to{background-position:48px 36px,34px 52px}}@keyframes scan-pass{0%,to{transform:translateY(-38%);opacity:.18}50%{transform:translateY(38%);opacity:.46}}@keyframes plane-rotate-a{to{transform:translate(-50%,-50%) rotateX(68deg) rotate(360deg)}}@keyframes plane-rotate-b{to{transform:translate(-50%,-50%) rotateX(68deg) rotate(-315deg)}}@keyframes core-spin{to{transform:rotate(360deg)}}@keyframes core-pulse{0%,to{opacity:.48;transform:scale(.94)}50%{opacity:1;transform:scale(1.05)}}@keyframes lattice-flare{0%,to{opacity:.42}50%{opacity:1}}@keyframes stack-read{0%,to{opacity:.35;transform:translate(0)}50%{opacity:1;transform:translate(10px)}}@keyframes rail-sweep{0%,to{opacity:.18;transform:scaleX(.34)}50%{opacity:.86;transform:scaleX(1)}}@media(max-width:680px){.signal-plane{width:106vw}.data-stack{display:none}.pulse-rail{left:6vw;right:6vw}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}