*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep: #06070b;--bg-surface: #0d0f16;--accent: #818cf8;--accent-bright: #a5b4fc;--accent-dim: #4f46e5;--accent-glow: rgba(99, 102, 241, .15);--text-primary: #e8eaf0;--text-secondary: #6b7194;--text-muted: #3d4266}body{background:var(--bg-deep);color:var(--text-primary);font-family:Outfit,sans-serif;min-height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.noise{position:fixed;inset:0;z-index:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;pointer-events:none}.grid-bg{position:fixed;inset:0;z-index:0;background-image:linear-gradient(rgba(99,102,241,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 20%,transparent 70%)}.scene{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;max-width:680px}.orb-container{position:relative;width:280px;height:280px;margin-bottom:3rem}@media(min-width:640px){.orb-container{width:340px;height:340px}}.orb-svg{width:100%;height:100%;overflow:visible}.ring-outer{fill:none;stroke:var(--accent-dim);stroke-width:.5;opacity:.4;transform-origin:center;animation:ring-breathe 6s ease-in-out infinite}.ring-mid{fill:none;stroke:var(--accent);stroke-width:.8;stroke-dasharray:8 16;opacity:.5;transform-origin:center;animation:ring-spin 20s linear infinite}.ring-inner{fill:none;stroke:var(--accent-bright);stroke-width:1;stroke-dasharray:4 8;opacity:.6;transform-origin:center;animation:ring-spin 14s linear infinite reverse}.core-glow{fill:url(#coreGradient);opacity:.8;animation:core-pulse 4s ease-in-out infinite}.core-center{fill:var(--accent-bright);opacity:.9;animation:core-pulse 4s ease-in-out infinite .5s}.node{fill:var(--accent-bright);opacity:0;animation:node-appear 4s ease-in-out infinite}.node:nth-child(1){animation-delay:0s}.node:nth-child(2){animation-delay:.6s}.node:nth-child(3){animation-delay:1.2s}.node:nth-child(4){animation-delay:1.8s}.node:nth-child(5){animation-delay:2.4s}.node:nth-child(6){animation-delay:3s}.connector{stroke:var(--accent);stroke-width:.5;opacity:0;animation:connector-flash 5s ease-in-out infinite}.connector:nth-child(1){animation-delay:.3s}.connector:nth-child(2){animation-delay:1.1s}.connector:nth-child(3){animation-delay:1.9s}.connector:nth-child(4){animation-delay:2.7s}.connector:nth-child(5){animation-delay:3.5s}.orbit-dot{fill:var(--accent-bright);animation:orbit 8s linear infinite;transform-origin:170px 170px}.orbit-dot:nth-child(2){animation-delay:-2.67s;opacity:.6}.orbit-dot:nth-child(3){animation-delay:-5.33s;opacity:.4}.data-particle{fill:var(--accent);opacity:0;animation:particle-drift 3s ease-out infinite}.data-particle:nth-child(1){animation-delay:0s}.data-particle:nth-child(2){animation-delay:.5s}.data-particle:nth-child(3){animation-delay:1s}.data-particle:nth-child(4){animation-delay:1.5s}.data-particle:nth-child(5){animation-delay:2s}.data-particle:nth-child(6){animation-delay:2.5s}.data-particle:nth-child(7){animation-delay:.25s}.data-particle:nth-child(8){animation-delay:.75s}@keyframes ring-breathe{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.04);opacity:.5}}@keyframes ring-spin{to{transform:rotate(360deg)}}@keyframes core-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes node-appear{0%,to{opacity:0;r:1.5}30%,70%{opacity:.8;r:2.5}}@keyframes connector-flash{0%,to{opacity:0}20%,50%{opacity:.3}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes particle-drift{0%{opacity:0;transform:translate(0) scale(1)}20%{opacity:.7}to{opacity:0;transform:translate(var(--dx, 30px),var(--dy, -40px)) scale(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.brand{margin-bottom:2rem;opacity:0;animation:fade-up 1s ease-out .3s forwards}.brand img{height:32px;width:auto;display:block}.headline{font-family:Syne,sans-serif;font-weight:700;font-size:clamp(2.4rem,7vw,4.2rem);line-height:1.05;letter-spacing:-.02em;margin-bottom:1.2rem;opacity:0;animation:fade-up 1s ease-out .6s forwards;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-bright) 50%,var(--text-primary) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:fade-up 1s ease-out .6s forwards,shimmer 6s linear infinite 1.6s}.subtitle{font-family:Outfit,sans-serif;font-weight:300;font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.7;color:var(--text-secondary);max-width:440px;margin-bottom:2.5rem;opacity:0;animation:fade-up 1s ease-out .9s forwards}.divider{width:48px;height:1px;background:linear-gradient(90deg,transparent,var(--accent-dim),transparent);margin-bottom:2rem;opacity:0;animation:fade-up 1s ease-out 1.1s forwards}.status{display:inline-flex;align-items:center;gap:.6rem;font-family:Outfit,sans-serif;font-weight:400;font-size:.85rem;color:var(--text-muted);letter-spacing:.04em;opacity:0;animation:fade-up 1s ease-out 1.3s forwards}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:core-pulse 2s ease-in-out infinite}.ambient-left,.ambient-right{position:fixed;width:500px;height:500px;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0}.ambient-left{left:-15%;top:20%;background:radial-gradient(circle,rgba(79,70,229,.08),transparent 70%)}.ambient-right{right:-15%;bottom:10%;background:radial-gradient(circle,rgba(99,102,241,.06),transparent 70%)}@media(max-width:639px){.orb-container{margin-bottom:2rem}.brand{margin-bottom:1.5rem}.brand img{height:26px}.subtitle{margin-bottom:2rem}}