@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;600&family=Inter:wght@300;400;500&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;-webkit-font-smoothing:antialiased;background-color:#050505;width:100%;max-width:100%;font-family:Inter,sans-serif;overflow-x:hidden}.app-container.is-booting{width:100%;height:100vh;position:fixed;top:0;left:0;overflow:hidden!important}.app-container{width:100%;max-width:100%;position:relative}.procedural-background{z-index:1;width:100%;height:100%;position:fixed;top:0;left:0}.main-viewport-content{opacity:0;z-index:10;width:100%;display:none;position:relative}.hud-boot-matrix{z-index:99999;pointer-events:none;background-color:#020204;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:hidden}.kinetic-block-swipe{z-index:5;pointer-events:none;will-change:transform;height:100%;position:absolute;top:0}.block-primary{background:linear-gradient(90deg,#0000,#ffffff0a,#ffffff14,#0000);border-left:1px solid #ffffff1f;border-right:1px solid #ffffff1f;width:30vw}.block-secondary{background:linear-gradient(90deg,#0000,#ff333308,#ff333312,#0000);border-left:1px solid #ff333326;width:12vw}.kinetic-field{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.persp-grid{will-change:transform, opacity;width:250%;height:250%;transform-style:preserve-3d;background-image:linear-gradient(0deg,#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:80px 80px;position:absolute;top:50%;left:50%}.zoom-spin-1{animation:9s linear infinite infiniteMatrixZoomSpin}.zoom-spin-2{background-image:linear-gradient(0deg,#ff333305 1px,#0000 1px),linear-gradient(90deg,#ff333305 1px,#0000 1px);background-size:160px 160px;animation:15s linear infinite reverse infiniteMatrixZoomSpin}@keyframes infiniteMatrixZoomSpin{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(0)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(2.2)rotate(90deg)}}.flying-artifact{border:1px solid #ffffff40;width:20px;height:20px;position:absolute}.fa-1{animation:5s linear infinite sweepLineRight;top:18%;left:-60px}.fa-2{background:#ffffff4d;width:45px;height:1px;animation:6s linear infinite sweepLineLeft;bottom:18%;right:-60px}@keyframes sweepLineRight{to{left:110%;transform:rotate(270deg)}}@keyframes sweepLineLeft{to{right:110%;transform:rotate(-270deg)}}.vector-compass{border:1px dashed #ffffff1f;border-radius:50%;width:100px;height:100px;animation:12s linear infinite genericEngineSpin;position:absolute;top:62%;left:80%}@keyframes genericEngineSpin{to{transform:rotate(360deg)}}.scanner-bar{background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:100%;height:1px;position:absolute;left:0}.vertical-sweep{animation:5s ease-in-out infinite linearRasterScan;top:0%}@keyframes linearRasterScan{0%,to{top:0%}50%{top:100%}}.hud-grid-line{z-index:3;background:#ffffff0a;position:absolute}.hud-grid-line.horiz{transform-origin:0;width:100%;height:1px;left:0}.hud-grid-line.vert{transform-origin:top;width:1px;height:100%;top:0}.h-1{top:24%}.h-2{top:76%}.v-1{left:20%}.v-2{left:80%}.matrix-bracket{z-index:3;border:1px solid #ffffff26;width:40px;height:40px;position:absolute}.m-tl{border-bottom:none;border-right:none;top:24%;left:20%;transform:translate(-50%,-50%)}.m-tr{border-bottom:none;border-left:none;top:24%;right:20%;transform:translate(50%,-50%)}.m-bl{border-top:none;border-right:none;bottom:24%;left:20%;transform:translate(-50%,50%)}.m-br{border-top:none;border-left:none;bottom:24%;right:20%;transform:translate(50%,50%)}.matrix-terminal-feed{letter-spacing:1px;color:#ffffff73;text-align:left;z-index:4;width:54%;font-family:monospace;font-size:.75rem;line-height:2.3;position:absolute;top:28%;left:23%}.text-bright{color:#fff}.text-warn{color:#f33}.boot-counter-display{letter-spacing:2px;color:#fff;z-index:4;align-items:center;gap:12px;font-family:monospace;font-size:.75rem;display:flex;position:absolute;bottom:28%;right:23%}.boot-pulse-indicator{background:#f33;border-radius:50%;width:6px;height:6px;animation:.4s ease-in-out infinite alternate liveTelemetryPulse}@keyframes liveTelemetryPulse{0%{opacity:.2}to{opacity:1;box-shadow:0 0 8px #f33}}.glass-nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#050505f2 0%,#05050566 70%,#05050500 100%);border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 4%;display:flex;position:fixed;top:0;left:0}.nav-col{align-items:center;width:33.333%;display:flex}.brand-lockup{justify-content:flex-start;gap:1rem}.brand-logo{opacity:.9;border-radius:2px;width:32px;height:32px}.brand-name{letter-spacing:4px;text-transform:uppercase;color:#fff;font-size:.8rem;font-weight:400}.nav-artifacts{color:#fff6;letter-spacing:2px;justify-content:center;gap:10px;font-size:.65rem}.status-dot{background-color:#fff;border-radius:50%;width:5px;height:5px;animation:2.5s ease-in-out infinite standardBeacon}@keyframes standardBeacon{0%,to{opacity:.2}50%{opacity:.8;box-shadow:0 0 6px #fff}}.audio-alignment-box{justify-content:flex-end}.audio-toggle-wrapper{cursor:pointer;color:#ffffff80;background:#ffffff08;border:1px solid #ffffff14;border-radius:4px;align-items:center;gap:12px;padding:.5rem 1.2rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex}.audio-toggle-wrapper:hover{color:#fff;background:#ffffff14;border-color:#fff3}.audio-text{letter-spacing:2px;font-size:.65rem;font-weight:500}.audio-visualizer{align-items:flex-end;gap:3px;height:10px;display:flex}.v-bar{background-color:#fff6;width:2px;height:3px}.is-playing .v-bar{background-color:#fff;animation:1.2s ease-in-out infinite audioBarsEqualizer}.is-playing .v-bar:first-child{animation-delay:.2s}.is-playing .v-bar:nth-child(2){animation-delay:.4s}.is-playing .v-bar:nth-child(3){animation-delay:.6s}@keyframes audioBarsEqualizer{0%,to{height:3px}50%{height:10px}}.intro-overlay{z-index:999999;background-color:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.intro-content{flex-direction:column;align-items:center;gap:3.5rem;display:flex}.intro-brand-text{opacity:0;letter-spacing:.6rem;color:#fff;text-transform:uppercase;text-align:center;will-change:transform, opacity;font-family:Cormorant Garamond,serif;font-size:clamp(2.2rem,4.5vw,3.8rem);font-weight:300;line-height:1.4}.start-btn{opacity:0;color:#fff6;letter-spacing:6px;cursor:pointer;will-change:transform, opacity;background:0 0;border:none;border-bottom:1px solid #ffffff26;padding-bottom:.6rem;font-family:Inter,sans-serif;font-size:.8rem;transition:color .6s,border-color .6s,letter-spacing .6s cubic-bezier(.16,1,.3,1)}.start-btn:hover{color:#fff;letter-spacing:9px;border-bottom:1px solid #fff}.scroll-content{z-index:10;width:100%;position:relative}.scroll-panel{text-align:center;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:0 10%;display:flex;position:relative}.transparent-panel{background:0 0}.lens-focus-text{color:#fff;will-change:transform, opacity, filter;font-family:Cormorant Garamond,serif;font-size:clamp(2.5rem,6vw,5.5rem);font-weight:300;position:relative}.flashing-red-dot{vertical-align:baseline;background-color:#f33;border-radius:50%;width:.12em;height:.12em;margin-left:.08em;animation:1.5s ease-in-out infinite focusRadarPulse;display:inline-block;position:relative;bottom:.02em;box-shadow:0 0 12px #f33}@keyframes focusRadarPulse{0%,to{opacity:.3;box-shadow:0 0 4px #f333}50%{opacity:1;box-shadow:0 0 16px #ff3333e6}}.river-panel{background:linear-gradient(-45deg,#030507,#070b0f,#040608,#05080b) 0 0/400% 400%;border-top:1px solid #ffffff0a;border-bottom:1px solid #ffffff0a;width:100%;animation:22s ease-in-out infinite smoothFluidBreathe;overflow:hidden}@keyframes smoothFluidBreathe{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.content-container{z-index:5;max-width:750px;position:relative}.section-title{margin-bottom:2rem;font-family:Cormorant Garamond,serif;font-size:clamp(2rem,3.8vw,3.2rem);font-weight:300}.section-paragraph{color:#ffffffa6;font-size:.95rem;font-weight:300;line-height:1.9}.side-decorator{z-index:2;will-change:transform, opacity;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;width:60px;height:100%;display:flex;position:absolute;top:0}.left-side{left:4%}.right-side{right:4%}.vertical-tracker{background:linear-gradient(#fff0 0%,#ffffff1f 50%,#fff0 100%);width:1px;height:120px;position:relative}.vertical-tracker:after{content:"";background:#ffffff4d;border-radius:50%;width:5px;height:5px;animation:6s ease-in-out infinite nodeVerticalDrift;position:absolute;top:0;left:-2px}@keyframes nodeVerticalDrift{0%,to{top:0%}50%{top:100%}}.telemetry-txt{color:#ffffff40;letter-spacing:2px;text-transform:uppercase;writing-mode:vertical-rl;font-family:monospace;font-size:.55rem;transform:rotate(180deg)}.footer-panel{background:#020203;justify-content:center;align-items:center;width:100%;height:35vh;padding:0 6%;display:flex;position:relative;overflow:hidden}.tac-bracket{z-index:4;border:1px solid #ffffff14;width:25px;height:25px;position:absolute}.tl-bracket{border-bottom:none;border-right:none;top:3rem;left:4%}.tr-bracket{border-bottom:none;border-left:none;top:3rem;right:4%}.bl-bracket{border-top:none;border-right:none;bottom:3rem;left:4%}.br-bracket{border-top:none;border-left:none;bottom:3rem;right:4%}.copyright-text{color:#ffffff59;letter-spacing:1px;z-index:5;font-size:.75rem}.footer-corner{color:#ffffff40;letter-spacing:1px;z-index:5;align-items:center;gap:12px;font-family:monospace;font-size:.6rem;display:flex;position:absolute;bottom:3.6rem}.bottom-left{left:6%}.bottom-right{right:6%}.rotating-dial{border:1px dashed #fff3;border-radius:50%;width:14px;height:14px;animation:16s linear infinite permanentRotationDial}@keyframes permanentRotationDial{to{transform:rotate(360deg)}}.scanning-signal{background:#ffffff0d;width:30px;height:2px;position:relative;overflow:hidden}.scanning-signal:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;animation:3s linear infinite horizontalRadarScanLine;position:absolute;left:-100%}@keyframes horizontalRadarScanLine{to{left:100%}}