.hero-demo-root{background:0 0;width:100%;height:100vh;min-height:600px;position:relative;overflow:hidden}.hero-demo-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-demo-vortexes{pointer-events:none;z-index:3;justify-content:space-between;align-items:center;padding:0 8vw;display:flex;position:absolute;inset:0}.hero-demo-vortex-left,.hero-demo-vortex-right{pointer-events:auto;animation:3s ease-in-out infinite vortexHint}.hero-demo-vortex-right{animation-delay:.8s}@keyframes vortexHint{0%,to{opacity:.55}50%{opacity:.85}}.hero-demo-content{pointer-events:none;z-index:2;flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:absolute;inset:0}.hero-demo-content>*{pointer-events:auto}.hero-demo-title-zone{text-align:center;margin-top:clamp(3rem,10vh,7rem);margin-bottom:0}.hero-demo-title{font-family:var(--font-geist-sans),system-ui,sans-serif;letter-spacing:.06em;color:#fff;text-transform:uppercase;-webkit-user-select:none;user-select:none;margin:0 0 .6rem;font-size:clamp(2.2rem,6vw,5rem);font-weight:200;transition:text-shadow 2.8s ease-in-out}.hero-demo-tagline{font-family:var(--font-geist-mono),monospace;letter-spacing:.25em;color:#90c8ff8c;text-transform:uppercase;-webkit-user-select:none;user-select:none;margin:0;font-size:clamp(.65rem,1.2vw,.8rem);font-weight:300}.hero-demo-subtitle{opacity:0;align-items:center;gap:10px;max-width:640px;transition:opacity .5s;display:flex;position:absolute;bottom:155px;left:50%;transform:translate(-50%)}.hero-demo-subtitle.on{opacity:1}.hero-demo-subtitle-dot{background:#22d3eecc;border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:2s ease-in-out infinite demoDotPulse;box-shadow:0 0 8px #22d3ee99}@keyframes demoDotPulse{0%,to{opacity:.6}50%{opacity:1}}.hero-demo-subtitle-label{font-family:var(--font-geist-mono),monospace;letter-spacing:.4em;color:#22d3eeb3;text-transform:uppercase;flex-shrink:0;font-size:9px}.hero-demo-subtitle-sep{color:#ffffff1f;font-family:var(--font-geist-mono),monospace;flex-shrink:0;font-size:9px}.hero-demo-subtitle-text{font-family:var(--font-geist-sans),system-ui,sans-serif;color:#fff9;font-size:13px;font-weight:300;line-height:1.6}.hero-demo-subtitle-cursor{color:#22d3ee99;font-size:13px;animation:.7s step-end infinite heroCursorBlink}@keyframes heroCursorBlink{0%,to{opacity:1}50%{opacity:0}}.hero-demo-dots{gap:16px;display:flex;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.hero-demo-dot{cursor:pointer;background:#ffffff14;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:all .4s}.hero-demo-dot:hover{background:#22d3ee80;box-shadow:0 0 12px #22d3ee66}.hero-demo-dot.on{background:#22d3ee;transform:scale(1.2);box-shadow:0 0 14px #22d3eeb3}.hero-demo-ctas{flex-wrap:wrap;justify-content:center;gap:14px;display:flex;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.hero-demo-cta{font-family:var(--font-geist-mono),monospace;letter-spacing:.4em;text-transform:uppercase;padding:10px 32px;font-size:9px;text-decoration:none;transition:all .5s;display:inline-block;position:relative;overflow:hidden}.hero-demo-cta-label{z-index:1;position:relative}.hero-demo-cta.primary{color:#90c8ffcc;text-shadow:0 0 10px #90c8ff4d;background:#90c8ff0a;border:1px solid #90c8ff40}.hero-demo-cta.primary:before{content:"";background:linear-gradient(90deg,#0000,#22d3ee80,#0000);width:100%;height:1px;animation:3s ease-in-out infinite heroCtaScan;position:absolute;top:0;left:-100%}@keyframes heroCtaScan{0%{left:-100%}to{left:100%}}.hero-demo-cta.primary:hover{color:#fff;background:#22d3ee14;border-color:#22d3ee8c;transform:translateY(-2px);box-shadow:0 0 40px #22d3ee26,0 0 80px #22d3ee0a}.hero-demo-cta.secondary{color:#a0c8f0b3;text-shadow:0 0 10px #90c8ff33;background:#90c8ff05;border:1px solid #90c8ff33}.hero-demo-cta.secondary:before{content:"";background:linear-gradient(90deg,#0000,#90c8ff66,#0000);width:100%;height:1px;animation:4s ease-in-out 2s infinite heroCtaScan;position:absolute;bottom:0;left:-100%}.hero-demo-cta.secondary:hover{color:#fff;text-shadow:0 0 16px #90c8ff59;background:#90c8ff0f;border-color:#90c8ff73;transform:translateY(-2px);box-shadow:0 0 30px #90c8ff1f,0 0 60px #90c8ff08}@media (max-width:768px){.hero-demo-root{height:100dvh;min-height:100dvh;max-height:100dvh}.hero-demo-canvas{object-fit:contain}.hero-demo-root:after{content:"";pointer-events:none;z-index:1;background:#02040a66;position:absolute;inset:0}.hero-demo-title-zone{margin-top:clamp(1.5rem,10vh,4rem)}.hero-demo-title{letter-spacing:.3em;font-size:clamp(1.2rem,6vw,1.8rem)}.hero-demo-tagline{letter-spacing:.15em;opacity:.45;font-size:clamp(.5rem,1vw,.65rem)}.hero-demo-subtitle{flex-wrap:wrap;justify-content:center;gap:5px;max-width:85vw;bottom:150px}.hero-demo-subtitle-text{font-size:9px}.hero-demo-subtitle-label{letter-spacing:.25em;font-size:7px}.hero-demo-dots{gap:10px;bottom:120px}.hero-demo-dot{width:8px;height:8px}.hero-demo-ctas{flex-direction:column;align-items:center;gap:8px;bottom:30px}.hero-demo-cta{letter-spacing:.3em;text-align:center;width:72vw;max-width:260px;padding:13px 0;font-size:10px}.hero-demo-cta.secondary{padding:10px 0;font-size:9px}.hero-demo-vortexes{display:none}}@media (max-width:480px){.hero-demo-root{background:#02040a}.hero-demo-subtitle{bottom:140px}.hero-demo-dots{bottom:112px}.hero-demo-ctas{bottom:24px}.hero-demo-cta{width:82vw}}
.vision-card-container{cursor:default;width:100%;font-family:var(--font-geist-sans),sans-serif;border-radius:12px;flex-direction:column;min-height:180px;padding:1.5rem;transition:border .6s,background .6s,box-shadow .6s;display:flex;position:relative;overflow:hidden}.vision-card-header{z-index:2;justify-content:space-between;align-items:center;margin-bottom:1.2rem;display:flex}.vision-glyph{color:#90c8ffcc;opacity:.5;font-size:1.1rem;transition:all .4s}.vision-glyph.active{color:#fff;opacity:1;text-shadow:0 0 10px #90c8ffcc;animation:1.5s ease-in-out infinite visionGlyphGlow}.vision-card-index{color:#90c8ff;opacity:.3;letter-spacing:.2em;font-family:monospace;font-size:.7rem}.vision-card-title{color:#fff;letter-spacing:.02em;margin:0 0 .8rem;font-size:1.15rem;font-weight:300}.vision-card-desc-main{color:#ffffffb3;font-size:.9rem;font-weight:300;line-height:1.6}.vision-card-desc-sub{color:#ffffff4d;margin-top:.4rem;font-size:.85rem;font-weight:300;line-height:1.6}.v-scan-line{pointer-events:none;opacity:var(--v-hover,.4);background:linear-gradient(#0000,#90c8ff05,#0000) 0 0/100% 4px;position:absolute;inset:0}
.cap-box{background:0 0;border:1px solid #90c8ff1a;border-radius:12px;flex-direction:column;width:320px;height:380px;padding:2.2rem;transition:all .7s cubic-bezier(.2,1,.3,1);display:flex;position:relative;overflow:hidden}.left{transform:translateY(-30px)}.center{z-index:2;transform:translateY(50px)}.right{transform:translateY(-10px)}.cap-box:hover{z-index:10;background:radial-gradient(circle at 100% 0,#90c8ff0d 0%,#0000 70%);border-color:#90c8ff59;box-shadow:0 20px 40px -15px #0000004d}.left:hover{transform:translateY(-45px)scale(1.01)}.center:hover{transform:translateY(35px)scale(1.01)}.right:hover{transform:translateY(-25px)scale(1.01)}.cap-inner{z-index:2;flex-direction:column;height:100%;display:flex;position:relative}.cap-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.cap-index{color:#90c8ff66;letter-spacing:.2em;font-family:monospace;font-size:.7rem}.cap-visual-icon{width:24px;height:24px;position:relative}.core-dot{background:#fff;border-radius:50%;width:2px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring{border:1px solid #90c8ff33;border-radius:50%;position:absolute;inset:0}.lock .r1{animation:3s infinite cap-pulse}.privacy:after{content:"";background:#90c8ff99;width:100%;height:1px;animation:2.5s ease-in-out infinite scanLine;position:absolute;top:0;left:0;box-shadow:0 0 8px #90c8ff66}.omni .r1{animation:4s linear infinite spread}@keyframes scanLine{0%{opacity:0;transform:translateY(0)}50%{opacity:1}to{opacity:0;transform:translateY(24px)}}@keyframes spread{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.cap-title{color:#fff;letter-spacing:.02em;margin:0 0 1rem;font-size:1.2rem;font-weight:300}.cap-text-main{color:#ffffffbf;margin-bottom:.5rem;font-size:.9rem;font-weight:300;line-height:1.6}.cap-text-sub{color:#ffffff59;margin-bottom:.8rem;font-size:.85rem;font-weight:300;line-height:1.6}.cap-text-highlight{color:#90c8ff99;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:300}.cap-footer{border-top:1px solid #90c8ff14;margin-top:auto;padding-top:1.2rem}.param-row{justify-content:space-between;margin-bottom:4px;display:flex}.param-key{opacity:.3;text-transform:uppercase;font-size:.7rem;font-weight:300}.param-val{opacity:.6;color:#90c8ffcc;font-family:monospace;font-size:.7rem}.cap-scan-line{pointer-events:none;background:linear-gradient(#0000,#90c8ff03,#0000) 0 0/100% 4px;position:absolute;inset:0}.decrypt-btn{font-family:monospace;font-weight:200}.decrypt-btn:hover:not(:disabled){background:#ffffff0d;animation:.15s ease-in-out infinite textVibrate}.decrypt-btn.glitch-active{animation:.4s ease-out forwards decryptGlitch}
.pipeline-line{z-index:1;background:linear-gradient(90deg,#0000 0%,#90c8ff33 40% 60%,#0000 100%);width:100%;height:1px;position:absolute;top:35px;left:0}.pipeline-line:after{content:"";background:linear-gradient(90deg,#0000,#90c8ff99,#0000);width:30%;height:100%;animation:2.8s ease-in-out infinite scanBeam;position:absolute;top:0;left:-30%}.pipeline-line:before{content:"";background:#90c8ff;border-radius:50%;width:6px;height:6px;animation:3.2s cubic-bezier(.4,0,.2,1) infinite droplet;position:absolute;top:-3px;left:-10%;box-shadow:0 0 12px #90c8ffcc}.step-container{cursor:default}.text-motion-wrapper{border-left:1px solid #90c8ff33;padding-left:1.5rem;transition:all .5s cubic-bezier(.2,1,.3,1)}.text-item{transition:all .4s}.step-container:hover .text-motion-wrapper{background:linear-gradient(90deg,#90c8ff0d,#0000);border-left:1px solid #90c8ffcc;transform:translate(10px)}.step-container:hover .text-item{color:#fff;opacity:1}.step-container:hover .index-num{color:#90c8ff;letter-spacing:.3em}
.typing-container{display:inline-block;position:relative}.typing-text{color:#90c8ffb3;letter-spacing:.6em;text-transform:uppercase;white-space:nowrap;border-right:2px solid #90c8ff;width:0;margin:0;font-size:10px;font-weight:300;animation:3.5s steps(40,end) infinite typing,.75s step-end infinite blink-cursor;overflow:hidden}.genesis-btn{letter-spacing:.4em;cursor:pointer;color:#80bfff;background:0 0;border:1px solid #80bfff;padding:22px 60px;font-size:10px;transition:all .6s;position:relative;overflow:hidden}.genesis-btn .btn-text{z-index:1;position:relative}.genesis-btn:hover{color:#fff;background:#90c8ff1a;box-shadow:0 0 30px #90c8ff33}.halo-scan{pointer-events:none;z-index:0;background:radial-gradient(circle,#90c8ff33 0%,#0000 60%);border-radius:50%;width:0;height:0;transition:all .8s cubic-bezier(.2,1,.3,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.halo-ring{pointer-events:none;z-index:0;opacity:0;border:1px solid #90c8ff4d;border-radius:50%;width:0;height:0;transition:all .9s cubic-bezier(.2,1,.3,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.genesis-btn:hover .halo-scan{width:350%;height:350%}.genesis-btn:hover .halo-ring{opacity:1;border-color:#0000;width:300%;height:300%;box-shadow:0 0 40px #90c8ff26,0 0 80px #90c8ff0d}.btn-border-glow{pointer-events:none;z-index:0;border:1px solid #90c8ff26;animation:3s ease-in-out infinite borderBreath;position:absolute;inset:-2px}@keyframes borderBreath{0%,to{border-color:#90c8ff1a;box-shadow:0 0 8px #90c8ff0d}50%{border-color:#90c8ff66;box-shadow:0 0 16px #90c8ff1f}}.btn-sweep{z-index:1;pointer-events:none;background:linear-gradient(105deg,#0000 40%,#90c8ff0f 45%,#b4dcff26 50%,#90c8ff0f 55%,#0000 60%);animation:3.5s ease-in-out infinite sweepLight;position:absolute;inset:0}@keyframes sweepLight{0%{transform:translate(-100%)skew(-15deg)}to{transform:translate(200%)skew(-15deg)}}.btn-corner-tl,.btn-corner-tr,.btn-corner-bl,.btn-corner-br{z-index:2;pointer-events:none;background:#90c8ff40;width:4px;height:4px;position:absolute}.btn-corner-tl{animation:2s ease-in-out infinite cornerGlow;top:3px;left:3px}.btn-corner-tr{animation:2s ease-in-out .4s infinite cornerGlow;top:3px;right:3px}.btn-corner-bl{animation:2s ease-in-out .8s infinite cornerGlow;bottom:3px;left:3px}.btn-corner-br{animation:2s ease-in-out 1.2s infinite cornerGlow;bottom:3px;right:3px}@keyframes cornerGlow{0%,to{opacity:.15;background:#90c8ff33;transform:scale(1)}50%{opacity:1;background:#b4dcffb3;transform:scale(1.6)}}
.genesis-progress-root{width:100%;max-width:480px;margin:0 auto;padding:0}.genesis-progress-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.genesis-progress-dot{background:#22d3ee;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite genesisProgressDotPulse;box-shadow:0 0 8px #22d3eeb3}@keyframes genesisProgressDotPulse{0%,to{opacity:.6;box-shadow:0 0 6px #22d3ee66}50%{opacity:1;box-shadow:0 0 14px #22d3eee6}}.genesis-progress-label{font-family:var(--font-geist-mono),monospace;letter-spacing:.35em;text-transform:uppercase;color:#22d3ee80;font-size:9px}.genesis-progress-count{font-family:var(--font-geist-mono),monospace;letter-spacing:.15em;font-size:10px}.genesis-progress-current{color:#22d3eee6;font-weight:500}.genesis-progress-sep{color:#ffffff26;margin:0 2px}.genesis-progress-max{color:#ffffff40}.genesis-progress-remaining{color:#22d3ee59;letter-spacing:.2em;font-size:8px}.genesis-progress-track{background:#ffffff0d;border-radius:2px;width:100%;height:3px;position:relative;overflow:hidden}.genesis-progress-fill{background:linear-gradient(90deg,#22d3ee80,#22d3eeb3,#90c8ff99);border-radius:2px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #22d3ee4d}.genesis-progress-fill.genesis-progress-pulse{animation:.6s ease-out genesisProgressGlow}@keyframes genesisProgressGlow{0%{box-shadow:0 0 20px #22d3eecc}to{box-shadow:0 0 12px #22d3ee4d}}.genesis-progress-scan{background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:20%;height:100%;animation:3s ease-in-out infinite genesisProgressScan;position:absolute;top:0;left:-100%}@keyframes genesisProgressScan{0%{left:-20%}to{left:100%}}.genesis-progress-footer{text-align:center;margin-top:6px}.genesis-progress-footer-text{font-family:var(--font-geist-mono),monospace;letter-spacing:.2em;text-transform:uppercase;color:#ffffff4d;font-size:7px}