:root{--color-black: #000000;--color-text-primary: #C9D1D9;--color-text-secondary: #8B949E;--color-cyan: 0, 200, 255;--color-violet: 130, 0, 255;--sensei-intensity: .5;--drift1: 18s;--drift2: 26s;--font-main: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:var(--font-main);background:var(--color-black);color:var(--color-text-primary);overflow:hidden;min-height:100vh;min-height:100svh}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.bg-neural{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-black);overflow:hidden;pointer-events:none;z-index:0}.bg-neural:before,.bg-neural:after{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(closest-side,rgba(var(--color-cyan),.15),transparent 70%) 10% 50% / 40% 120% no-repeat,radial-gradient(closest-side,rgba(var(--color-violet),.12),transparent 70%) 90% 50% / 40% 120% no-repeat,repeating-linear-gradient(to right,rgba(var(--color-cyan),.08) 0 2px,transparent 2px 6px);filter:blur(16px) saturate(120%);animation:drift var(--drift1) linear infinite;mix-blend-mode:screen;will-change:transform}.bg-neural:after{animation-duration:var(--drift2);opacity:.7}@keyframes drift{0%{transform:translate3d(-2%,-1%,0) rotate(.2deg)}50%{transform:translate3d(2%,1%,0) rotate(-.2deg)}to{transform:translate3d(-2%,-1%,0) rotate(.2deg)}}.bg-tunnel{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;perspective:1200px}.bg-tunnel .layer{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,rgba(var(--color-cyan),.05) 0 1px,transparent 1px 6px),radial-gradient(60% 200% at 50% 120%,rgba(var(--color-violet),.1),#0000 70%);transform-style:preserve-3d;mix-blend-mode:screen;filter:blur(.5px) contrast(110%);will-change:transform;transition:transform .1s ease-out}.canvas-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;opacity:.16;pointer-events:none;mix-blend-mode:screen}.hero{position:relative;z-index:3;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;padding:0;overflow:hidden}.hero-content{position:relative;width:100%;height:100vh;height:100svh;display:flex;align-items:center;justify-content:center}.hero-robot-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-robot{width:100vw;height:100vh;height:100svh;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;display:block;position:relative;z-index:2;mask-image:radial-gradient(ellipse 100% 100% at 50% 50%,rgba(0,0,0,1) 50%,rgba(0,0,0,.98) 70%,rgba(0,0,0,.85) 85%,rgba(0,0,0,.5) 95%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 100% 100% at 50% 50%,rgba(0,0,0,1) 50%,rgba(0,0,0,.98) 70%,rgba(0,0,0,.85) 85%,rgba(0,0,0,.5) 95%,transparent 100%);mix-blend-mode:screen;filter:saturate(1.15) contrast(1.08) brightness(1.02);animation:float 8s ease-in-out infinite}@keyframes float{0%,to{transform:scale(1) translateY(0)}33%{transform:scale(1.01) translateY(-6px)}66%{transform:scale(1.005) translateY(4px)}}.hero-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(ellipse 70% 60% at 50% 45%,rgba(var(--color-cyan),.25),rgba(var(--color-violet),.18) 35%,rgba(var(--color-cyan),.12) 55%,transparent 75%);filter:blur(80px);z-index:1;pointer-events:none;mix-blend-mode:screen;animation:pulse 6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}33%{opacity:.95;transform:scale(1.08)}66%{opacity:.8;transform:scale(1.05)}}.hero-title{position:absolute;bottom:10vh;left:50%;transform:translate(-50%);z-index:10;text-align:center;width:90%;max-width:800px;padding:2rem;background:linear-gradient(180deg,#0000,#0006 30%,#000000b3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:20px}.hero-title h1{font-size:clamp(2.5rem,6vw,5rem);font-weight:700;letter-spacing:.08em;margin:0 0 .5rem;background:linear-gradient(135deg,rgba(var(--color-cyan),1),rgba(var(--color-violet),.95),rgba(var(--color-cyan),.8));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(var(--color-cyan),.3);animation:glow-text 4s ease-in-out infinite alternate}@keyframes glow-text{0%{filter:drop-shadow(0 0 8px rgba(var(--color-cyan),.5))}to{filter:drop-shadow(0 0 16px rgba(var(--color-violet),.6))}}.hero-title p{font-size:clamp(1rem,2vw,1.25rem);color:var(--color-text-secondary);opacity:.85;font-weight:400;letter-spacing:.03em}.ui-controls{position:fixed;right:1rem;bottom:1rem;z-index:10;background:#0a0a0abf;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--color-text-primary);font-size:.8125rem;line-height:1.4;min-width:240px;box-shadow:0 8px 32px #0006,0 0 0 1px rgba(var(--color-cyan),.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.ui-controls:hover{border-color:rgba(var(--color-cyan),.2);box-shadow:0 12px 40px #00000080,0 0 0 1px rgba(var(--color-cyan),.2),0 0 24px rgba(var(--color-cyan),.1)}.ui-controls[data-collapsed=true]{min-width:auto}.ui-controls[data-collapsed=true] .controls-header{border-bottom:none}.ui-controls[data-collapsed=true] .controls-content{max-height:0;padding:0 1rem;overflow:hidden;opacity:0}.controls-header{padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(var(--color-cyan),.9);display:flex;align-items:center;justify-content:space-between;gap:.5rem;transition:border-bottom .3s ease}.toggle-controls-btn{background:none;border:none;color:rgba(var(--color-cyan),.7);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;flex-shrink:0}.toggle-controls-btn:hover{color:rgba(var(--color-cyan),1);background:rgba(var(--color-cyan),.1)}.toggle-controls-btn svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.ui-controls[data-collapsed=true] .toggle-controls-btn svg{transform:rotate(-180deg)}.controls-content{padding:1rem;display:flex;flex-direction:column;gap:1rem;max-height:500px;overflow-y:auto;overflow-x:hidden;opacity:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-label{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--color-text-secondary);font-weight:500}.control-value{font-weight:600;color:rgba(var(--color-cyan),.8)}input[type=range]{width:100%;height:4px;border-radius:2px;background:#ffffff1a;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,rgba(var(--color-cyan),1),rgba(var(--color-violet),.9));cursor:pointer;box-shadow:0 0 8px rgba(var(--color-cyan),.5);-webkit-transition:all .2s ease;transition:all .2s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 12px rgba(var(--color-cyan),.8)}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,rgba(var(--color-cyan),1),rgba(var(--color-violet),.9));cursor:pointer;border:none;box-shadow:0 0 8px rgba(var(--color-cyan),.5);-moz-transition:all .2s ease;transition:all .2s ease}input[type=range]::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 12px rgba(var(--color-cyan),.8)}.checkbox-group{display:flex;align-items:center;gap:.5rem;cursor:pointer}input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:rgba(var(--color-cyan),1)}select{width:100%;padding:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--color-text-primary);font-size:.75rem;font-family:var(--font-main);cursor:pointer;outline:none;transition:all .2s ease}select:hover,select:focus{background:#ffffff14;border-color:rgba(var(--color-cyan),.3)}select option{background:#1a1a1a;color:var(--color-text-primary)}body[data-glow=on] .hero-glow{filter:blur(60px);opacity:1}body[data-glow=on] .bg-neural:before,body[data-glow=on] .bg-neural:after{filter:blur(24px) saturate(150%)}body[data-parallax=off] .bg-tunnel .layer{transform:translateZ(0)!important}body[data-palette=cyan-ice]{--color-cyan: 0, 220, 255;--color-violet: 180, 220, 255}body[data-palette=magenta-cobalt]{--color-cyan: 0, 120, 255;--color-violet: 255, 0, 180}body[data-palette=mono]{--color-cyan: 200, 200, 200;--color-violet: 150, 150, 150}@media (max-width: 768px){.ui-controls{right:.5rem;bottom:.5rem;min-width:200px;font-size:.75rem}.controls-content{padding:.75rem;gap:.75rem}.hero-robot{-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;width:100vw;height:100vh;height:100svh;mask-image:radial-gradient(ellipse 100% 100% at 50% 40%,rgba(0,0,0,1) 40%,rgba(0,0,0,.98) 60%,rgba(0,0,0,.85) 80%,rgba(0,0,0,.5) 93%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 100% 100% at 50% 40%,rgba(0,0,0,1) 40%,rgba(0,0,0,.98) 60%,rgba(0,0,0,.85) 80%,rgba(0,0,0,.5) 93%,transparent 100%);filter:saturate(1.2) contrast(1.1) brightness(1.03);animation:none}.hero-title{bottom:5vh;padding:1.5rem;max-width:90%}.hero-title h1{font-size:clamp(2rem,8vw,3rem)}}@media (prefers-reduced-motion: reduce){.bg-neural:before,.bg-neural:after{animation-duration:60s;filter:blur(12px) saturate(110%)}.canvas-overlay{display:none}.hero-robot,.hero-glow{animation:none}.hero-title h1{animation:none;filter:none}}