.hero-animation-container{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:900px;height:320px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.intent-processor{z-index:10;background:linear-gradient(135deg,#3a8a8c 0%,#2d6d6f 100%);border-radius:24px;justify-content:center;align-items:center;width:120px;height:120px;animation:2s ease-in-out infinite pulse;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 60px #3a8a8c80,0 0 120px #3a8a8c4d}.intent-processor:before{content:"⚡";filter:drop-shadow(0 0 8px #fffc);font-size:48px}.intent-processor-label{color:#3a8a8c;white-space:nowrap;letter-spacing:.05em;font-size:14px;font-weight:700;position:absolute;bottom:-36px;left:50%;transform:translate(-50%)}@keyframes pulse{0%,to{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 60px #3a8a8c80,0 0 120px #3a8a8c4d}50%{transform:translate(-50%,-50%)scale(1.05);box-shadow:0 0 80px #3a8a8cb3,0 0 160px #3a8a8c66}}.signal-input{z-index:5;background:#fffffff2;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;animation:4s ease-in-out infinite floatIn;display:flex;position:absolute;left:-60px;box-shadow:0 4px 12px #00000026}.signal-input .icon{font-size:24px}.signal-input .label{color:#666;white-space:nowrap;font-size:11px;font-weight:600}.signal-input.s1{animation-delay:0s;top:20%}.signal-input.s2{animation-delay:1.3s;top:50%;transform:translateY(-50%)}.signal-input.s3{animation-delay:2.6s;top:75%}@keyframes floatIn{0%{opacity:0;transform:translate(-20px)}15%{opacity:1;transform:translate(0)}40%{opacity:1;transform:translate(calc(50vw - 200px))}45%{opacity:0;transform:translate(calc(50vw - 180px))scale(.8)}to{opacity:0;transform:translate(calc(50vw - 180px))scale(.8)}}.spec-output{z-index:5;background:#fffffffa;border-left:4px solid #3a8a8c;border-radius:12px;flex-direction:column;gap:6px;min-width:140px;padding:14px 18px;animation:4s ease-in-out infinite floatOut;display:flex;position:absolute;right:-60px;box-shadow:0 4px 16px #0000001f}.spec-output .spec-title{color:#1a1a2e;font-size:12px;font-weight:700}.spec-output .spec-meta{color:#888;align-items:center;gap:6px;font-size:10px;display:flex}.spec-output .spec-badge{color:#fff;text-transform:uppercase;background:#3a8a8c;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:600;display:inline-block}.spec-output.o1{animation-delay:.8s;top:15%}.spec-output.o2{animation-delay:2.1s;top:45%}.spec-output.o3{animation-delay:3.4s;top:72%}@keyframes floatOut{0%,40%{opacity:0;transform:translate(calc(200px - 50vw))scale(.8)}50%{opacity:1;transform:translate(calc(180px - 50vw))scale(1)}65%{opacity:1;transform:translate(0)}85%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.connector-left,.connector-right{z-index:1;background:linear-gradient(90deg,#0000,#3a8a8c4d,#3a8a8c99);height:2px;position:absolute;top:50%}.connector-left{background:linear-gradient(90deg,#0000,#3a8a8c99);width:35%;left:10%}.connector-right{background:linear-gradient(90deg,#3a8a8c99,#0000);width:35%;right:10%}.particle{background:#3a8a8c80;border-radius:50%;width:4px;height:4px;animation:8s ease-in-out infinite drift;position:absolute}.particle:first-child{animation-delay:0s;top:30%;left:20%}.particle:nth-child(2){animation-delay:2s;top:60%;left:30%}.particle:nth-child(3){animation-delay:4s;top:25%;left:70%}.particle:nth-child(4){animation-delay:6s;top:70%;left:75%}@keyframes drift{0%,to{opacity:.3;transform:translateY(0)translate(0)}50%{opacity:.8;transform:translateY(-20px)translate(10px)}}.side-label{text-transform:uppercase;letter-spacing:.1em;color:#fff6;writing-mode:vertical-rl;text-orientation:mixed;font-size:11px;font-weight:600;position:absolute;top:50%;transform:translateY(-50%)}.side-label.left{left:16px;transform:translateY(-50%)rotate(180deg)}.side-label.right{right:16px}@media (max-width:768px){.hero-animation-container{border-radius:16px;height:400px}.intent-processor{border-radius:16px;width:80px;height:80px}.intent-processor:before{font-size:32px}.signal-input,.spec-output{transform:scale(.8)}.signal-input{left:8px}.spec-output{right:8px}@keyframes floatIn{0%{opacity:0;transform:translate(-10px)scale(.8)}15%{opacity:1;transform:translate(0)scale(.8)}40%{opacity:1;transform:translate(80px)scale(.8)}45%{opacity:0;transform:translate(100px)scale(.6)}to{opacity:0;transform:translate(100px)scale(.6)}}@keyframes floatOut{0%,40%{opacity:0;transform:translate(-80px)scale(.6)}50%{opacity:1;transform:translate(-60px)scale(.8)}65%{opacity:1;transform:translate(0)scale(.8)}85%{opacity:1;transform:translate(0)scale(.8)}to{opacity:0;transform:translate(10px)scale(.8)}}}.reveal-image{opacity:0;clip-path:inset(0 100% 0 0);transition:all 1.5s cubic-bezier(.16,1,.3,1);transform:translate(-20px)}.reveal-image.visible{opacity:1;clip-path:inset(0);transform:translate(0)}