:root{--hero-image-glass-bg:rgba(255,255,255,0.1);--hero-image-glass-border:rgba(255,255,255,0.2);--hero-image-text:#ffffff;--hero-image-accent:#c8a24e;--hero-image-shadow-lg:0 10px 25px rgba(0,0,0,0.2);--hero-image-focus-outline:3px solid rgba(200,162,78,0.5);--hero-image-body-bg:#0a0a0a}html[data-theme=light]{--hero-image-glass-bg:rgba(0,0,0,0.05);--hero-image-glass-border:rgba(0,0,0,0.15);--hero-image-text:#0f172a;--hero-image-accent:#8b6914;--hero-image-shadow-lg:0 10px 25px rgba(0,0,0,0.1);--hero-image-focus-outline:3px solid rgba(139,105,20,0.4);--hero-image-body-bg:#f8fafc}html[data-theme=sunset]{--hero-image-glass-bg:rgba(255,120,80,0.15);--hero-image-glass-border:rgba(255,120,80,0.3);--hero-image-text:#fff5f5;--hero-image-accent:#d4b05c;--hero-image-shadow-lg:0 10px 25px rgba(200,162,78,0.15);--hero-image-focus-outline:3px solid rgba(212,176,92,0.5);--hero-image-body-bg:#1a0f0a}html[data-theme=ocean]{--hero-image-glass-bg:rgba(200,162,78,0.08);--hero-image-glass-border:rgba(200,162,78,0.15);--hero-image-text:#e0f2fe;--hero-image-accent:#c8a24e;--hero-image-shadow-lg:0 10px 25px rgba(200,162,78,0.15);--hero-image-focus-outline:3px solid rgba(200,162,78,0.5);--hero-image-body-bg:#0a1419}html[data-theme=forest]{--hero-image-glass-bg:rgba(200,162,78,0.08);--hero-image-glass-border:rgba(200,162,78,0.15);--hero-image-text:#f0fdf4;--hero-image-accent:#c8a24e;--hero-image-shadow-lg:0 10px 25px rgba(200,162,78,0.15);--hero-image-focus-outline:3px solid rgba(200,162,78,0.5);--hero-image-body-bg:#0f1a12}@media (prefers-color-scheme:dark){html[data-theme=auto]{--hero-image-glass-bg:rgba(255,255,255,0.1);--hero-image-glass-border:rgba(255,255,255,0.2);--hero-image-text:#ffffff;--hero-image-accent:#c8a24e;--hero-image-shadow-lg:0 10px 25px rgba(0,0,0,0.2);--hero-image-focus-outline:3px solid rgba(200,162,78,0.5);--hero-image-body-bg:#0a0a0a}}@media (prefers-color-scheme:light){html[data-theme=auto]{--hero-image-glass-bg:rgba(0,0,0,0.05);--hero-image-glass-border:rgba(0,0,0,0.15);--hero-image-text:#0f172a;--hero-image-accent:#8b6914;--hero-image-shadow-lg:0 10px 25px rgba(0,0,0,0.1);--hero-image-focus-outline:3px solid rgba(139,105,20,0.4);--hero-image-body-bg:#f8fafc}}.hero-animated-image-container{position:absolute;right:0;width:75%;height:100%;z-index:1;clip-path:polygon(100px 0,100% 0,100% 100%,0 100%);overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);mix-blend-mode:soft-light}.hero-particle-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4;opacity:.6;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.hero-animated-image-container.hero-hovered .hero-particle-canvas{opacity:1}.hero-image-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.hero-background-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),var(--hero-image-accent) 0,transparent 50%);opacity:.1;transition:opacity .3s cubic-bezier(.4,0,.2,1);z-index:1}.hero-animated-image-container.hero-hovered .hero-background-glow{opacity:.3}.hero-image-container{position:relative;width:100%;height:100%;z-index:2;transform-origin:center;animation:hero-image-breathe 6s ease-in-out infinite}.hero-main-image{transition:all .5s cubic-bezier(.4,0,.2,1);filter:contrast(1) brightness(.85) saturate(1.1);opacity:.8}.hero-animated-image-container.hero-hovered .hero-main-image{transform:scale(1.02);filter:contrast(1.1) brightness(.95) saturate(1.3);opacity:.9}.hero-background-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(10,10,10,.2),rgba(26,26,26,.25) 25%,rgba(15,15,15,.3) 50%,rgba(20,20,20,.25) 75%,rgba(10,10,10,.2));z-index:3;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.hero-animated-image-container.hero-hovered .hero-background-mask{opacity:.6}.hero-vignette-effect{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 30%,rgba(10,10,10,.1) 50%,rgba(10,10,10,.3) 70%,rgba(10,10,10,.6) 90%,var(--hero-image-body-bg) 100%);z-index:4;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.hero-animated-image-container.hero-hovered .hero-vignette-effect{opacity:.8}.hero-floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.hero-floating-element{position:absolute;width:40px;height:40px;background:rgba(128,128,128,.15);border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.4);font-size:16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,.1);opacity:.5;transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-element1{top:20%;left:15%;animation:hero-image-float1 8s ease-in-out infinite}.hero-element2{top:60%;left:25%;animation:hero-image-float2 10s ease-in-out infinite reverse}.hero-element3{top:30%;right:20%;animation:hero-image-float3 7s ease-in-out infinite}.hero-element4{bottom:25%;right:15%;animation:hero-image-float4 9s ease-in-out infinite reverse}.hero-element5{top:45%;left:8%;animation:hero-image-float5 11s ease-in-out infinite}.hero-element6{bottom:15%;left:25%;animation:hero-image-float6 7s ease-in-out infinite reverse}.hero-animated-image-container.hero-hovered .hero-floating-element{opacity:.7;transform:scale(1.05);color:rgba(255,255,255,.6)}.hero-animated-overlay{height:100%;pointer-events:none;z-index:3}.hero-animated-overlay,.hero-scan-line{position:absolute;top:0;left:0;width:100%}.hero-scan-line{height:2px;background:linear-gradient(90deg,transparent,var(--hero-image-accent),transparent);animation:hero-image-scan 4s linear infinite;opacity:.6}.hero-pulse-ring{position:absolute;top:50%;left:50%;width:100px;height:100px;border:2px solid var(--hero-image-accent);border-radius:50%;transform:translate(-50%,-50%);animation:hero-image-pulse 3s ease-in-out infinite;opacity:.3}.hero-interactive-light{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle 200px at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,255,255,.1) 0,transparent 50%);opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:4}.hero-animated-image-container.hero-hovered .hero-interactive-light{opacity:1}.hero-status-indicators{position:absolute;bottom:30px;right:30px;display:flex;flex-direction:column;gap:12px;z-index:5}.hero-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--hero-image-glass-bg);border:1px solid var(--hero-image-glass-border);border-radius:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-size:12px;font-weight:500;color:var(--hero-image-text);opacity:.8;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.hero-indicator.hero-active .hero-dot{background:#c8a24e;animation:hero-image-blink 2s ease-in-out infinite}.hero-indicator.hero-processing .hero-dot{background:#f59e0b;animation:hero-image-pulse-dot 1.5s ease-in-out infinite}.hero-indicator.hero-learning .hero-dot{background:#8b5cf6;animation:hero-image-learning-pulse 2s ease-in-out infinite}.hero-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.hero-data-stream{position:absolute;top:10%;right:5%;width:3px;height:80%;z-index:4;pointer-events:none}.hero-stream-line{position:absolute;width:100%;height:30%;background:linear-gradient(to bottom,transparent,var(--hero-image-accent),transparent);animation:hero-image-data-flow 2.5s linear infinite;opacity:.7}.hero-stream-line:first-child{animation-delay:0s}.hero-stream-line:nth-child(2){animation-delay:.8s}.hero-stream-line:nth-child(3){animation-delay:1.6s}.hero-neural-network{position:absolute;top:20%;left:5%;width:120px;height:120px;pointer-events:none;z-index:4;opacity:.6}.hero-neural-node{position:absolute;width:12px;height:12px;background:var(--hero-image-accent);border-radius:50%;box-shadow:0 0 10px var(--hero-image-accent);animation:hero-image-neural-pulse 3s ease-in-out infinite}.hero-neural-node:first-child{top:20%;left:20%;animation-delay:0s}.hero-neural-node:nth-child(2){top:60%;left:10%;animation-delay:1s}.hero-neural-node:nth-child(3){top:40%;right:10%;animation-delay:2s}.hero-neural-connection{position:absolute;height:2px;background:linear-gradient(90deg,var(--hero-image-accent),transparent);animation:hero-image-connection-flow 4s linear infinite;opacity:.4}.hero-neural-connection:nth-child(4){top:25%;left:25%;width:60px;transform:rotate(45deg)}.hero-neural-connection:nth-child(5){top:50%;left:15%;width:80px;transform:rotate(-30deg);animation-delay:2s}@keyframes hero-image-breathe{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.02) rotate(.5deg)}}@keyframes hero-image-float1{0%,to{transform:translateY(0) translateX(0) rotate(0deg)}25%{transform:translateY(-15px) translateX(10px) rotate(90deg)}50%{transform:translateY(-20px) translateX(-5px) rotate(180deg)}75%{transform:translateY(-10px) translateX(-10px) rotate(270deg)}}@keyframes hero-image-float2{0%,to{transform:translateY(0) translateX(0) rotate(0deg)}33%{transform:translateY(-20px) translateX(15px) rotate(120deg)}66%{transform:translateY(-10px) translateX(-15px) rotate(240deg)}}@keyframes hero-image-float3{0%,to{transform:translateY(0) translateX(0) scale(1)}50%{transform:translateY(-25px) translateX(8px) scale(1.1)}}@keyframes hero-image-float4{0%,to{transform:translateY(0) translateX(0) rotate(0deg)}25%{transform:translateY(-10px) translateX(-12px) rotate(-45deg)}75%{transform:translateY(-18px) translateX(8px) rotate(45deg)}}@keyframes hero-image-float5{0%,to{transform:translateY(0) translateX(0) rotate(0deg) scale(1)}30%{transform:translateY(-18px) translateX(12px) rotate(60deg) scale(1.05)}70%{transform:translateY(-25px) translateX(-8px) rotate(-60deg) scale(.95)}}@keyframes hero-image-float6{0%,to{transform:translateY(0) translateX(0) rotate(0deg)}25%{transform:translateY(-12px) translateX(-10px) rotate(-30deg)}50%{transform:translateY(-20px) translateX(5px) rotate(30deg)}75%{transform:translateY(-8px) translateX(8px) rotate(-15deg)}}@keyframes hero-image-scan{0%{top:0;opacity:0}10%{opacity:.6}90%{opacity:.6}to{top:100%;opacity:0}}@keyframes hero-image-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.1}}@keyframes hero-image-blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes hero-image-pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}@keyframes hero-image-learning-pulse{0%,to{transform:scale(1);opacity:1;box-shadow:0 0 6px #8b5cf6}50%{transform:scale(1.3);opacity:.7;box-shadow:0 0 15px #8b5cf6}}@keyframes hero-image-data-flow{0%{transform:translateY(-100%);opacity:0}20%{opacity:.7}80%{opacity:.7}to{transform:translateY(300%);opacity:0}}@keyframes hero-image-neural-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.5);opacity:1}}@keyframes hero-image-connection-flow{0%{background-position:0 0}to{background-position:100% 0}}@media screen and (max-width:992px){.hero-animated-image-container{width:100%;height:60vh;clip-path:none;opacity:.4;position:relative;right:auto}.hero-floating-element{width:30px;height:30px;font-size:14px}.hero-status-indicators{bottom:20px;right:20px}.hero-indicator{font-size:11px;padding:6px 12px}}@media screen and (max-width:640px){.hero-animated-image-container{height:40vh;opacity:.3}.hero-floating-element{width:25px;height:25px;font-size:12px}.hero-status-indicators{display:none}}@media (prefers-reduced-motion:reduce){.hero-animated-image-container,.hero-dot,.hero-floating-element,.hero-image-container,.hero-neural-connection,.hero-neural-node,.hero-pulse-ring,.hero-scan-line,.hero-stream-line{animation:none!important}.hero-main-image{transition:none}}@media (prefers-contrast:high){.hero-floating-element{border:2px solid var(--hero-image-text);background:var(--hero-image-body-bg)}.hero-indicator{border:1px solid var(--hero-image-text);background:var(--hero-image-body-bg)}}.hero-animated-image-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media screen and (max-width:1024px){.hero-animated-image-container{display:none}}@media screen and (max-width:768px){.hero-animated-image-container{display:none}}body{background-color:var(--hero-image-body-bg);margin:0;padding:0;min-height:100vh;position:relative;overflow:hidden}