@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=JetBrains+Mono:wght@300;400;500&display=swap";
:root{--cyan:#00d4ff;--violet:#7c3aed;--glass-bg:#ffffff09;--glass-border:#ffffff14;--glass-border-bright:#00d4ff33;--anim-slow:18s;--anim-medium:14s;--anim-fast:2s}.landing-root{isolation:isolate;background:#000;min-height:100vh;font-family:Syne,sans-serif;position:relative;overflow:hidden}.orb{filter:blur(120px);pointer-events:none;will-change:transform;contain:layout style paint;border-radius:50%;position:absolute}.orb-cyan{background:radial-gradient(circle,#00d4ff2e 0%,#0000 70%);width:700px;height:700px;animation:18s ease-in-out infinite alternate drift-a;top:-200px;left:-150px}.orb-violet{background:radial-gradient(circle,#7c3aed38 0%,#0000 70%);width:600px;height:600px;animation:22s ease-in-out infinite alternate drift-b;bottom:80px;right:-80px}.orb-mid{background:radial-gradient(circle,#00d4ff12 0%,#0000 70%);width:400px;height:400px;animation:14s ease-in-out infinite alternate drift-c;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes drift-a{0%{transform:translate(0)scale(1)}to{transform:translate(60px,40px)scale(1.08)}}@keyframes drift-b{0%{transform:translate(0)scale(1)}to{transform:translate(-50px,-30px)scale(1.05)}}@keyframes drift-c{0%{transform:translate(-50%,-50%)scale(.9)}to{transform:translate(-50%,-50%)scale(1.1)}}.scanlines{pointer-events:none;z-index:2;contain:strict;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#00000008 3px 4px);position:absolute;inset:0}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(1.4);border:1px solid var(--glass-border);border-radius:16px;transform:translateZ(0)}.glass-bright{-webkit-backdrop-filter:blur(24px)saturate(1.6);border:1px solid var(--glass-border-bright);background:#00d4ff08;border-radius:20px;transform:translateZ(0)}.diagram-node{-webkit-backdrop-filter:blur(16px);cursor:default;contain:content;border-radius:12px;flex-direction:column;align-items:center;min-width:120px;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative;transform:translateZ(0)}.diagram-node-small{min-width:90px;padding:10px 18px}.diagram-node-default{padding:14px 24px}.node-highlight{box-shadow:0 0 32px var(--color-highlight),0 0 0 1px var(--color-border),inset 0 1px 0 var(--color-inset)}.node-glow{box-shadow:0 0 16px var(--color-glow),inset 0 1px 0 var(--color-inset)}.node-highlight-line{background:linear-gradient(90deg,transparent,var(--color-line),transparent);width:60%;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.node-dot{width:8px;height:8px;box-shadow:0 0 8px var(--color),0 0 16px var(--color-glow);border-radius:50%;flex-shrink:0;display:block}.node-dot-small{width:6px;height:6px}.node-label{letter-spacing:.02em;text-shadow:0 0 12px var(--color-shadow);font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:500}.node-label-small{font-size:.72rem}.node-port{letter-spacing:.05em;margin-top:3px;font-family:JetBrains Mono,monospace;font-size:.62rem}@keyframes travel-vertical{0%{opacity:0;top:0%}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}@keyframes travel-horizontal{0%{opacity:0;left:0%}10%{opacity:1}90%{opacity:1}to{opacity:0;left:100%}}.travel-dot{z-index:10;pointer-events:none;will-change:transform,opacity;border-radius:50%;width:5px;height:5px;position:absolute;transform:translateZ(0)}.travel-dot-vertical{animation:travel-vertical var(--duration)var(--delay)ease-in-out infinite;left:50%;transform:translate(-50%)}.travel-dot-horizontal{animation:travel-horizontal var(--duration)var(--delay)ease-in-out infinite;top:50%;transform:translateY(-50%)}.connector-v{contain:layout style;flex-direction:column;align-items:center;display:flex;position:relative}.connector-line-v{background:linear-gradient(to bottom,var(--color),var(--color-fade));width:1px;height:100%;position:relative;overflow:visible}.connector-junction{z-index:5;width:6px;height:6px;box-shadow:0 0 8px var(--color);border-radius:50%;position:absolute;transform:translate(-50%)}.connector-junction-top{top:-3px;left:50%}.connector-junction-bottom{bottom:-3px;left:50%}.split-connector-horizontal{background:linear-gradient(90deg,transparent 2%,var(--color)20%,var(--color)80%,transparent 98%);width:100%;height:1px;position:relative}.split-connector-junction{width:8px;height:8px;box-shadow:0 0 10px var(--color),0 0 20px var(--color-glow);z-index:5;border-radius:50%;position:absolute;top:-4px;transform:translate(-50%)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.pulse-dot{animation:2s ease-in-out infinite pulse-dot;transform:translateZ(0)}@keyframes fade-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.fade-up{opacity:0;will-change:transform,opacity;animation:.8s cubic-bezier(.22,1,.36,1) forwards fade-up}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.25s}.delay-3{animation-delay:.4s}.delay-4{animation-delay:.6s}.delay-5{animation-delay:.8s}.delay-6{animation-delay:1s}@keyframes node-glow{0%,to{box-shadow:0 0 32px #00d4ff4d,0 0 0 1px #00d4ff33}50%{box-shadow:0 0 48px #00d4ff80,0 0 0 1px #00d4ff59}}.node-pulse{animation:3s ease-in-out infinite node-glow;transform:translateZ(0)}.glow-text{background:linear-gradient(135deg,var(--cyan)0%,#a78bfa 60%,var(--violet)100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 32px #00d4ff40);-webkit-background-clip:text;background-clip:text}.btn-primary{background:linear-gradient(135deg,var(--cyan),#5b92f7);color:#000;letter-spacing:.02em;border-radius:999px;align-items:center;gap:8px;height:48px;padding:0 28px;font-family:Syne,sans-serif;font-size:.85rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 0 24px #00d4ff59,0 2px 8px #0006}.btn-primary:before{content:"";border-radius:inherit;background:linear-gradient(135deg,#fff3,#0000);position:absolute;inset:0}.btn-primary:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 0 40px #00d4ff80,0 4px 16px #00000080}.btn-primary:active{transform:scale(.98)}.btn-secondary{-webkit-backdrop-filter:blur(12px);color:#fffc;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;height:48px;padding:0 28px;font-family:Syne,sans-serif;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;transform:translateZ(0)}.btn-secondary:hover{color:#fff;background:#00d4ff0f;border-color:#00d4ff66;transform:translateY(-2px)}.stat-item{text-align:center;border-right:1px solid #ffffff0f;padding:22px 32px;transition:background .2s}.stat-item:last-child{border-right:none}.stat-item:hover{background:#00d4ff0a}.stat-value{color:var(--cyan);letter-spacing:-.01em;margin-bottom:4px;font-family:JetBrains Mono,monospace;font-size:1.05rem;font-weight:500}.stat-label{letter-spacing:.15em;text-transform:uppercase;color:#3f3f46;font-family:JetBrains Mono,monospace;font-size:.6rem}.mono{font-family:JetBrains Mono,monospace}.tagline-eyebrow{letter-spacing:.25em;text-transform:uppercase;color:var(--cyan);opacity:.8;font-family:JetBrains Mono,monospace;font-size:.7rem}.corner-accent{border-style:solid;border-color:#00d4ff80;width:20px;height:20px;position:absolute}.corner-tl{border-width:2px 0 0 2px;border-radius:4px 0 0;top:-1px;left:-1px}.corner-tr{border-width:2px 2px 0 0;border-radius:0 4px 0 0;top:-1px;right:-1px}.corner-bl{border-width:0 0 2px 2px;border-radius:0 0 0 4px;bottom:-1px;left:-1px}.corner-br{border-width:0 2px 2px 0;border-radius:0 0 4px;bottom:-1px;right:-1px}.diagram-grid{background-image:linear-gradient(#00d4ff0a 1px,#0000 1px),linear-gradient(90deg,#00d4ff0a 1px,#0000 1px);background-position:50%;background-size:32px 32px}@media (max-width:640px){.stat-item{border-bottom:1px solid #ffffff0f;border-right:none}.stat-item:last-child{border-bottom:none}.orb-cyan{width:400px;height:400px}.orb-violet{width:300px;height:300px}}