:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--color-bg-base:#050507;--color-bg-panel:#0f0f14b3;--color-border:#ffffff1a;--color-text-primary:#fff;--color-text-secondary:#fff9;--color-text-muted:#fff6;--color-accent:#fff;--color-accent-glow:#ffffff80;--color-status-active:#fff;--color-status-processing:#aaa;--color-status-idle:#ffffff4d;--color-status-offline:#ffffff1a;--color-status-error:#ff5252}*{box-sizing:border-box;margin:0;padding:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}body,html{scroll-snap-type:y mandatory;background-color:var(--color-bg-base);width:100%;height:100%;color:var(--color-text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden auto}#root{width:100%;min-height:100%;display:block}.app-container{width:100%;min-height:100%;display:block;position:relative}.canvas-container{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.ui-layer{pointer-events:none;z-index:10;flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative}.ui-interactive{pointer-events:auto}.header{z-index:100;background:0 0;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;width:100%;padding:2rem 3rem;transition:all .3s;display:flex;position:fixed;top:0;left:0}.header.scrolled{-webkit-backdrop-filter:blur(12px);background:#050508b3;border-bottom:1px solid #ffffff0d;padding:1.25rem 3rem}.logo{letter-spacing:.2em;color:var(--color-text-primary);font-size:1.5rem;font-weight:700}.glowing-logo{cursor:pointer;display:flex}.tw-cursor{color:var(--color-text-primary);opacity:1;margin-left:1px;font-weight:400;animation:.6s step-end infinite tw-blink;display:inline-block}@keyframes tw-blink{0%,to{opacity:1}50%{opacity:0}}.glow-char{color:#fff;text-shadow:0 0 10px #ffffffe6,0 0 20px #ffffffb3,0 0 30px #ffffff80;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:inline-block}.glow-char:hover{color:#fff;text-shadow:0 0 15px #fff,0 0 35px #fff,0 0 60px #ffffffe6,0 0 100px #ffffffb3;transform:translateY(-4px)scale(1.15)}.nav-links{gap:2rem;display:flex}.nav-link{color:var(--color-text-secondary);letter-spacing:.05em;text-transform:uppercase;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--color-text-primary)}.hero-content{scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;justify-content:flex-start;max-width:600px;padding:15vh 3rem 5vh;display:flex;min-height:100vh!important;margin-top:0!important}.hero-subtitle{color:var(--color-accent);letter-spacing:.2em;text-transform:uppercase;margin-bottom:1rem;font-size:.875rem;font-weight:600}.hero-title{letter-spacing:-.02em;text-shadow:0 4px 20px #000c,0 2px 10px #00000080;margin-bottom:1.5rem;font-size:3.8rem;font-weight:300;line-height:1.25}.hero-title strong{font-weight:600;display:block}.hero-description{color:var(--color-text-secondary);text-shadow:0 2px 10px #000c;max-width:450px;margin-bottom:2rem;font-size:1.1rem;line-height:1.5}.hero-cta{border:1px solid var(--color-border);color:var(--color-text-primary);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:4px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.hero-cta:hover{background:#ffffff1a;border-color:#ffffff4d}.agent-text-overlay{pointer-events:none;opacity:0;z-index:100;width:100%;height:100vh;transition:opacity .4s;position:fixed;top:0;left:0}.agent-text-overlay:before{content:"";-webkit-backdrop-filter:blur(12px);z-index:-1;pointer-events:none;background:linear-gradient(#050507e6 0%,#05050799 60%,#05050700 100%);width:100%;height:75vh;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#000 60%,#0000 100%);mask-image:linear-gradient(#000 60%,#0000 100%)}.agent-text-overlay.no-bg:before{display:none}.agent-text-overlay.visible{opacity:1;pointer-events:auto}.page-content{transition:opacity .4s,filter .4s}.page-content.hidden-by-agent{opacity:0;filter:blur(10px);pointer-events:none}.agent-overlay-stats{flex-direction:column;gap:.8rem;margin-top:2rem;display:flex}.stat-row{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;padding:.8rem;display:flex}.stat-label{color:var(--color-text-secondary);font-size:.875rem}.stat-value{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.status-indicator{letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;display:flex}.status-dot{border-radius:50%;width:8px;height:8px}.status-active .status-dot{background-color:var(--color-status-active);box-shadow:0 0 8px var(--color-status-active)}.status-processing .status-dot{background-color:var(--color-status-processing);box-shadow:0 0 8px var(--color-status-processing)}.status-idle .status-dot{background-color:var(--color-status-idle)}.status-error .status-dot{background-color:var(--color-status-error);box-shadow:0 0 8px var(--color-status-error)}.panel-stats{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.stat-item{flex-direction:column;gap:.25rem;display:flex}.stat-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.stat-value{font-size:1.25rem;font-weight:600}.panel-action{font-size:.875rem}.panel-action-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem}.panel-action-value{color:var(--color-text-primary);font-size:.875rem;line-height:1.4}.loading-screen{z-index:100;background:var(--color-bg-base);transition:opacity .9s .4s;position:fixed;inset:0}.loading-screen.exiting{opacity:0;pointer-events:none}.loading-canvas{inset:0;position:absolute!important}.loading-hud{pointer-events:none;font-family:var(--font-sans);color:var(--color-text-secondary);letter-spacing:.2em;text-transform:uppercase;transition:opacity .4s;position:absolute;inset:0}.loading-screen.exiting .loading-hud{opacity:0}.loading-corner{color:var(--color-text-muted);font-size:.65rem;animation:.8s .2s both fadeIn;position:absolute;top:2rem}.loading-corner--tl{left:3rem}.loading-corner--tr{right:3rem}.loading-footer{width:min(360px,100vw - 4rem);margin:0 auto;animation:.8s .4s both fadeIn;position:absolute;bottom:12vh;left:0;right:0}.loading-meta{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.75rem;font-size:.65rem;display:flex}.loading-status{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.loading-percent{color:var(--color-text-primary);font-variant-numeric:tabular-nums;letter-spacing:.1em}.loading-track{background:#ffffff1f;height:1px;position:relative;overflow:hidden}.loading-fill{transform-origin:0;background:#fff;transition:transform .15s linear;position:absolute;inset:0;box-shadow:0 0 12px #fffc}@media (width<=768px){.loading-corner--tl{left:1.5rem;right:1.5rem}.loading-corner--tr{display:none}.loading-footer{bottom:10vh}}@media (width<=1024px){.hero-content{padding:0 2rem}.hero-title{font-size:3rem}.info-panel{right:2rem}}@media (width>=769px){.show-on-mobile{display:none!important}}.hamburger-menu,.close-panel-btn{display:none}@media (width<=768px){.app-container{flex-direction:column}.hero-content{pointer-events:none;padding:15vh 1.5rem 5vh}.hero-title{font-size:1.6rem;line-height:1.35}.hero-subtitle{margin-bottom:.5rem;font-size:.75rem}.hero-description{max-width:100%;margin-bottom:1.5rem;font-size:.9rem}.hide-on-mobile{display:none!important}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050508cc;padding:1rem 1.5rem}.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:99;background:#0a0a0ff2;border-left:1px solid #ffffff0d;flex-direction:column;width:70%;height:100vh;padding:6rem 2rem;transition:right .4s cubic-bezier(.16,1,.3,1);position:fixed;top:0;right:-100%}.nav-links.mobile-open{right:0}.nav-link{font-size:1.25rem}.hamburger-menu{cursor:pointer;z-index:101;pointer-events:auto;flex-direction:column;gap:6px;display:flex}.hamburger-menu span{background:var(--color-text-primary);border-radius:2px;width:28px;height:2px;transition:all .3s;display:block}.hamburger-menu.open span:first-child{transform:rotate(45deg)translate(6px,5px)}.hamburger-menu.open span:nth-child(2){opacity:0}.hamburger-menu.open span:nth-child(3){transform:rotate(-45deg)translate(6px,-5px)}.info-panel{background:#0f0f14e6;border:none;border-top:1px solid #ffffff1a;border-radius:24px 24px 0 0;width:100%;padding:2rem 1.5rem 2.5rem;inset:auto 0 0;transform:translateY(100%)}.info-panel.visible{transform:translateY(0)}.close-panel-btn{cursor:pointer;pointer-events:auto;background:#fff3;border-radius:2px;width:40px;height:4px;display:block;position:absolute;top:12px;left:50%;transform:translate(-50%)}.vion-btn{width:100%;padding:1.25rem 1rem}}.vion-btn{color:#fff;letter-spacing:.05em;cursor:pointer;-webkit-backdrop-filter:blur(12px);z-index:1;background:#0a0f1466;border:1px solid #ffffff26;border-radius:50px;justify-content:center;align-items:center;gap:.75rem;padding:1.25rem 3.5rem;font-size:1.1rem;font-weight:500;text-decoration:none;transition:all .4s cubic-bezier(.25,1,.5,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #4ac1ff4d,inset 0 1px 1px #ffffff80,inset 0 -1px 2px #fff3}.vion-btn:before{content:"";filter:blur(12px);z-index:-1;opacity:.8;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(at bottom,#fff 0%,#4ac1ffb3 25%,#ff9d0066 50%,#0000 70%);animation:4s cubic-bezier(.4,0,.2,1) infinite alternate liquidSwirl;position:absolute;inset:30% -20% -50%}.vion-btn:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(#fff3 0%,#0000 100%);border-radius:50px 50px 0 0;height:50%;position:absolute;top:0;left:0;right:0}@keyframes liquidSwirl{0%{transform:scale(1)translate(-10%)}50%{transform:scale(1.2)translateY(-10%)}to{transform:scale(1.1)translate(10%)}}.vion-btn span,.vion-btn svg{z-index:2;text-shadow:0 1px 10px #ffffff80;position:relative}.vion-btn:hover{border-color:#fff6;transform:translateY(-2px)scale(1.03);box-shadow:0 15px 40px -10px #4ac1ff99,0 0 20px #fff6,inset 0 1px 1px #fffc,inset 0 -2px 10px #ffffff4d}.vion-btn:hover:before{opacity:1;filter:blur(8px);animation-duration:2s;top:10%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}