:root{--hero-image-glass-bg:#ffffff1a;--hero-image-glass-border:#fff3;--hero-image-text:#fff;--hero-image-accent:#c8a24e;--hero-image-shadow-lg:0 10px 25px #0003;--hero-image-focus-outline:3px solid #c8a24e80;--hero-image-body-bg:#0a0a0a}html[data-theme=light]{--hero-image-glass-bg:#0000000d;--hero-image-glass-border:#00000026;--hero-image-text:#0f172a;--hero-image-accent:#8b6914;--hero-image-shadow-lg:0 10px 25px #0000001a;--hero-image-focus-outline:3px solid #8b691466;--hero-image-body-bg:#f8fafc}html[data-theme=sunset]{--hero-image-glass-bg:#ff785026;--hero-image-glass-border:#ff78504d;--hero-image-text:#fff5f5;--hero-image-accent:#d4b05c;--hero-image-shadow-lg:0 10px 25px #c8a24e26;--hero-image-focus-outline:3px solid #d4b05c80;--hero-image-body-bg:#1a0f0a}html[data-theme=ocean]{--hero-image-glass-bg:#c8a24e14;--hero-image-glass-border:#c8a24e26;--hero-image-text:#e0f2fe;--hero-image-accent:#c8a24e;--hero-image-shadow-lg:0 10px 25px #c8a24e26;--hero-image-focus-outline:3px solid #c8a24e80;--hero-image-body-bg:#0a1419}html[data-theme=forest]{--hero-image-glass-bg:#c8a24e14;--hero-image-glass-border:#c8a24e26;--hero-image-text:#f0fdf4;--hero-image-accent:#c8a24e;--hero-image-shadow-lg:0 10px 25px #c8a24e26;--hero-image-focus-outline:3px solid #c8a24e80;--hero-image-body-bg:#0f1a12}html[data-theme=auto][data-effective-theme=dark]{--hero-image-glass-bg:#ffffff1a;--hero-image-glass-border:#fff3;--hero-image-text:#fff;--hero-image-accent:#c8a24e;--hero-image-shadow-lg:0 10px 25px #0003;--hero-image-focus-outline:3px solid #c8a24e80;--hero-image-body-bg:#0a0a0a}html[data-theme=auto][data-effective-theme=light]{--hero-image-glass-bg:#0000000d;--hero-image-glass-border:#00000026;--hero-image-text:#0f172a;--hero-image-accent:#8b6914;--hero-image-shadow-lg:0 10px 25px #0000001a;--hero-image-focus-outline:3px solid #8b691466;--hero-image-body-bg:#f8fafc}.hero-animated-image-container{z-index:1;clip-path:polygon(100px 0,100% 0,100% 100%,0 100%);cursor:pointer;mix-blend-mode:soft-light;width:75%;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;right:0;overflow:hidden}.hero-particle-canvas{pointer-events:none;z-index:4;opacity:.6;width:100%;height:100%;transition:opacity .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.hero-animated-image-container.hero-hovered .hero-particle-canvas{opacity:1}.hero-image-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.hero-background-glow{background:radial-gradient(circle at var(--mouse-x,50%)var(--mouse-y,50%),var(--hero-image-accent)0%,transparent 50%);opacity:.1;z-index:1;width:100%;height:100%;transition:opacity .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.hero-animated-image-container.hero-hovered .hero-background-glow{opacity:.3}.hero-image-container{z-index:2;transform-origin:50%;width:100%;height:100%;animation:6s ease-in-out infinite hero-image-breathe;position:relative}.hero-main-image{filter:contrast()brightness(.85)saturate(1.1);opacity:.8;transition:all .5s cubic-bezier(.4,0,.2,1)}.hero-animated-image-container.hero-hovered .hero-main-image{filter:contrast(1.1)brightness(.95)saturate(1.3);opacity:.9;transform:scale(1.02)}.hero-background-mask{z-index:3;pointer-events:none;background:linear-gradient(135deg,#0a0a0a33 0%,#1a1a1a40 25%,#0f0f0f4d 50%,#14141440 75%,#0a0a0a33 100%);width:100%;height:100%;transition:opacity .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.hero-animated-image-container.hero-hovered .hero-background-mask{opacity:.6}.hero-vignette-effect{background:radial-gradient(ellipse at center,transparent 30%,#0a0a0a1a 50%,#0a0a0a4d 70%,#0a0a0a99 90%,var(--hero-image-body-bg)100%);z-index:4;pointer-events:none;width:100%;height:100%;transition:opacity .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.hero-animated-image-container.hero-hovered .hero-vignette-effect{opacity:.8}.hero-floating-elements{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;top:0;left:0}.hero-floating-element{color:#fff6;-webkit-backdrop-filter:blur(10px);opacity:.5;background:#80808026;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;box-shadow:0 4px 15px #0000001a}.hero-element1{animation:8s ease-in-out infinite hero-image-float1;top:20%;left:15%}.hero-element2{animation:10s ease-in-out infinite reverse hero-image-float2;top:60%;left:25%}.hero-element3{animation:7s ease-in-out infinite hero-image-float3;top:30%;right:20%}.hero-element4{animation:9s ease-in-out infinite reverse hero-image-float4;bottom:25%;right:15%}.hero-element5{animation:11s ease-in-out infinite hero-image-float5;top:45%;left:8%}.hero-element6{animation:7s ease-in-out infinite reverse hero-image-float6;bottom:15%;left:25%}.hero-animated-image-container.hero-hovered .hero-floating-element{opacity:.7;color:#fff9;transform:scale(1.05)}.hero-animated-overlay{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;top:0;left:0}.hero-scan-line{background:linear-gradient(90deg,transparent,var(--hero-image-accent),transparent);opacity:.6;width:100%;height:2px;animation:4s linear infinite hero-image-scan;position:absolute;top:0;left:0}.hero-pulse-ring{border:2px solid var(--hero-image-accent);opacity:.3;border-radius:50%;width:100px;height:100px;animation:3s ease-in-out infinite hero-image-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-interactive-light{background:radial-gradient(circle 200px at var(--mouse-x,50%)var(--mouse-y,50%),#ffffff1a 0%,transparent 50%);opacity:0;pointer-events:none;z-index:4;width:100%;height:100%;transition:opacity .2s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.hero-animated-image-container.hero-hovered .hero-interactive-light{opacity:1}.hero-status-indicators{z-index:5;flex-direction:column;gap:12px;display:flex;position:absolute;bottom:30px;right:30px}.hero-indicator{background:var(--hero-image-glass-bg);border:1px solid var(--hero-image-glass-border);-webkit-backdrop-filter:blur(20px);color:var(--hero-image-text);opacity:.8;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.hero-indicator.hero-active .hero-dot{background:#c8a24e;animation:2s ease-in-out infinite hero-image-blink}.hero-indicator.hero-processing .hero-dot{background:#f59e0b;animation:1.5s ease-in-out infinite hero-image-pulse-dot}.hero-indicator.hero-learning .hero-dot{background:#8b5cf6;animation:2s ease-in-out infinite hero-image-learning-pulse}.hero-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.hero-data-stream{z-index:4;pointer-events:none;width:3px;height:80%;position:absolute;top:10%;right:5%}.hero-stream-line{background:linear-gradient(to bottom,transparent,var(--hero-image-accent),transparent);opacity:.7;width:100%;height:30%;animation:2.5s linear infinite hero-image-data-flow;position:absolute}.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{pointer-events:none;z-index:4;opacity:.6;width:120px;height:120px;position:absolute;top:20%;left:5%}.hero-neural-node{background:var(--hero-image-accent);width:12px;height:12px;box-shadow:0 0 10px var(--hero-image-accent);border-radius:50%;animation:3s ease-in-out infinite hero-image-neural-pulse;position:absolute}.hero-neural-node:first-child{animation-delay:0s;top:20%;left:20%}.hero-neural-node:nth-child(2){animation-delay:1s;top:60%;left:10%}.hero-neural-node:nth-child(3){animation-delay:2s;top:40%;right:10%}.hero-neural-connection{background:linear-gradient(90deg,var(--hero-image-accent),transparent);opacity:.4;height:2px;animation:4s linear infinite hero-image-connection-flow;position:absolute}.hero-neural-connection:nth-child(4){width:60px;top:25%;left:25%;transform:rotate(45deg)}.hero-neural-connection:nth-child(5){width:80px;animation-delay:2s;top:50%;left:15%;transform:rotate(-30deg)}@keyframes hero-image-breathe{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.02)rotate(.5deg)}}@keyframes hero-image-float1{0%,to{transform:translateY(0)translate(0)rotate(0)}25%{transform:translateY(-15px)translate(10px)rotate(90deg)}50%{transform:translateY(-20px)translate(-5px)rotate(180deg)}75%{transform:translateY(-10px)translate(-10px)rotate(270deg)}}@keyframes hero-image-float2{0%,to{transform:translateY(0)translate(0)rotate(0)}33%{transform:translateY(-20px)translate(15px)rotate(120deg)}66%{transform:translateY(-10px)translate(-15px)rotate(240deg)}}@keyframes hero-image-float3{0%,to{transform:translateY(0)translate(0)scale(1)}50%{transform:translateY(-25px)translate(8px)scale(1.1)}}@keyframes hero-image-float4{0%,to{transform:translateY(0)translate(0)rotate(0)}25%{transform:translateY(-10px)translate(-12px)rotate(-45deg)}75%{transform:translateY(-18px)translate(8px)rotate(45deg)}}@keyframes hero-image-float5{0%,to{transform:translateY(0)translate(0)rotate(0)scale(1)}30%{transform:translateY(-18px)translate(12px)rotate(60deg)scale(1.05)}70%{transform:translateY(-25px)translate(-8px)rotate(-60deg)scale(.95)}}@keyframes hero-image-float6{0%,to{transform:translateY(0)translate(0)rotate(0)}25%{transform:translateY(-12px)translate(-10px)rotate(-30deg)}50%{transform:translateY(-20px)translate(5px)rotate(30deg)}75%{transform:translateY(-8px)translate(8px)rotate(-15deg)}}@keyframes hero-image-scan{0%{opacity:0;top:0%}10%{opacity:.6}90%{opacity:.6}to{opacity:0;top:100%}}@keyframes hero-image-pulse{0%,to{opacity:.3;transform:translate(-50%,-50%)scale(1)}50%{opacity:.1;transform:translate(-50%,-50%)scale(1.5)}}@keyframes hero-image-blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes hero-image-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}@keyframes hero-image-learning-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 6px #8b5cf6}50%{opacity:.7;transform:scale(1.3);box-shadow:0 0 15px #8b5cf6}}@keyframes hero-image-data-flow{0%{opacity:0;transform:translateY(-100%)}20%{opacity:.7}80%{opacity:.7}to{opacity:0;transform:translateY(300%)}}@keyframes hero-image-neural-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@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{clip-path:none;opacity:.4;width:100%;height:60vh;position:relative;right:auto}.hero-floating-element{width:30px;height:30px;font-size:14px}.hero-status-indicators{bottom:20px;right:20px}.hero-indicator{padding:6px 12px;font-size:11px}}@media screen and (max-width:640px){.hero-animated-image-container{opacity:.3;height:40vh}.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-floating-element,.hero-scan-line,.hero-pulse-ring,.hero-dot,.hero-image-container,.hero-neural-node,.hero-neural-connection,.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{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@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);min-height:100vh;margin:0;padding:0;position:relative;overflow:hidden}