.animation-section{background:linear-gradient(180deg,#FFFFFF,#F5F3FF);padding:0;overflow:hidden;min-height:100vh;position:relative}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.animation-section-container{width:100%;margin:0;padding:0}.animation-section-header{text-align:center;margin-bottom:60px;padding-top:100px;position:relative;z-index:10}.animation-section-header h2{font-size:2.5rem;font-weight:700;color:#252423;margin-bottom:1rem}.animation-section-header p{font-size:1.125rem;color:#666;max-width:600px;margin:0 auto}.animation-section-wrapper{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.anim-stagger-visualizer{position:absolute;width:100%;height:100%;transform-origin:center center}.anim-dots-wrapper{transform:translateZ(0);position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.anim-dot{position:relative;z-index:2;width:18px;height:18px;margin:21px;background-color:currentColor;color:#252423;border-radius:50%;will-change:transform}@media (min-width:740px){.anim-dot{background-color:transparent;background-image:linear-gradient(180deg,#FFFFFF 8%,#E8E5FF)}}.anim-cursor{position:absolute;top:0;left:0;width:30px;height:30px;margin:15px;background-color:currentColor;border-radius:50%;will-change:transform;z-index:0}.anim-color-red{color:#635BFF!important}.anim-agent-card{position:absolute;top:0;left:0;width:256px;height:336px;opacity:0;pointer-events:none;transition:opacity .4s ease,filter .4s ease}.anim-agent-card.visible{opacity:1;filter:blur(0);animation:animCardFadeIn .5s ease forwards}.anim-agent-card.fading-out{animation:animCardFadeOut .4s ease forwards}@keyframes animCardFadeIn{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur(0)}}@keyframes animCardFadeOut{0%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(3px)}}.anim-card-lines{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.anim-border-path,.anim-corner-1,.anim-corner-2,.anim-corner-3,.anim-corner-4,.anim-line-1,.anim-line-2,.anim-line-3{fill:none;stroke:#00D4FF;stroke-width:1.6;opacity:0}.anim-agent-card.visible .anim-border-path{stroke-dasharray:1120;stroke-dashoffset:1120;animation:animDrawPath 1.2s ease forwards;opacity:1}.anim-agent-card.visible .anim-line-1,.anim-agent-card.visible .anim-line-2,.anim-agent-card.visible .anim-line-3{stroke-dasharray:240;stroke-dashoffset:240;opacity:.3}.anim-agent-card.visible .anim-line-1{animation:animDrawPath .6s ease .2s forwards}.anim-agent-card.visible .anim-line-2{animation:animDrawPath .6s ease .4s forwards}.anim-agent-card.visible .anim-line-3{animation:animDrawPath .6s ease .6s forwards}.anim-agent-card.visible .anim-corner-1,.anim-agent-card.visible .anim-corner-2,.anim-agent-card.visible .anim-corner-3,.anim-agent-card.visible .anim-corner-4{stroke-dasharray:48;stroke-dashoffset:48;opacity:.5;stroke:#FFD700}.anim-agent-card.visible .anim-corner-1{animation:animDrawPath .25s ease .15s forwards}.anim-agent-card.visible .anim-corner-2{animation:animDrawPath .25s ease .25s forwards}.anim-agent-card.visible .anim-corner-3{animation:animDrawPath .25s ease .35s forwards}.anim-agent-card.visible .anim-corner-4{animation:animDrawPath .25s ease .45s forwards}@keyframes animDrawPath{to{stroke-dashoffset:0}}@keyframes pulse{0%,to{opacity:.6;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.05)}}.anim-card-content{position:absolute;top:4px;left:4px;right:4px;bottom:4px;z-index:2;padding:16px;background:rgba(246,244,242,.95);border-radius:8px;display:flex;flex-direction:column;backdrop-filter:blur(8px);box-shadow:0 16px 32px rgba(0,0,0,.1);border:1px solid rgba(0,212,255,.2);overflow:hidden}.anim-agent-card.visible .anim-card-content{animation:animContentSlideIn .6s ease .3s forwards;opacity:0;transform:translateY(8px)}@keyframes animContentSlideIn{to{opacity:1;transform:translateY(0)}}.anim-agent-header{text-align:center;margin-bottom:12px;position:relative}.anim-agent-id{position:absolute;top:-12px;right:-12px;font-size:7px;color:#999;font-family:monospace;letter-spacing:.4px}.anim-agent-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;box-shadow:0 5px 10px rgba(0,0,0,.1)}.anim-agent-avatar span{color:white;font-size:16px;font-weight:700}.anim-agent-name{font-size:14px;font-weight:600;color:#252423;margin:0 0 2px}.anim-agent-role{font-size:9px;color:#666;margin:0;text-transform:uppercase;letter-spacing:.4px}.anim-optimization-block{background:rgba(0,212,255,.05);border-left:2px solid #00d4ff;padding:6px 8px;margin-bottom:10px}.anim-optimization-label{font-size:8px;font-weight:600;color:#00A4CC;margin:0 0 2px;text-transform:uppercase}.anim-target-profile{font-size:10px;color:#252423;margin:0;font-weight:500;line-height:1.3}.anim-performance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;padding:8px 0;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08)}.anim-perf-item{text-align:center}.anim-perf-value{display:block;font-size:13px;font-weight:700;color:#252423;margin-bottom:1px}.anim-perf-label{font-size:7px;color:#999;text-transform:uppercase;letter-spacing:.2px}.anim-parameters{margin-bottom:10px}.anim-param-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;font-size:10px}.anim-param-label{color:#666;font-weight:500;font-size:9px}.anim-param-value{color:#252423;font-weight:600;background:rgba(0,212,255,.08);padding:2px 5px;border-radius:8px;font-size:9px}.anim-voice-config{display:flex;align-items:center;gap:5px;padding:6px;background:linear-gradient(135deg,rgba(0,212,255,.05),rgba(0,102,255,.05));border-radius:5px;margin-top:auto}.anim-voice-icon{font-size:11px}.anim-voice-text{font-size:9px;color:#252423;font-weight:500;line-height:1.2}.animation-hero-wrapper{position:relative;width:100%;height:400px;display:flex;justify-content:center;align-items:center}.anim-hero-variant{transform:scale(.5)!important;transform-origin:center center}.anim-hero-variant .anim-dot{width:14px;height:14px;margin:10px}.anim-hero-variant .anim-cursor{width:24px;height:24px;margin:6px}.anim-hero-card{width:200px!important;height:260px!important}.anim-hero-card .anim-card-lines{width:200px;height:260px}.anim-hero-card .anim-card-content{padding:12px;top:3px;left:3px;right:3px;bottom:3px;border-radius:6px}.anim-hero-card .anim-agent-avatar{width:32px;height:32px;margin-bottom:6px}.anim-hero-card .anim-agent-avatar span{font-size:14px}.anim-hero-card .anim-agent-name{font-size:12px;margin-bottom:1px}.anim-hero-card .anim-agent-role{font-size:8px}.anim-hero-card .anim-agent-id{font-size:6px;top:-10px;right:-10px}.anim-hero-card .anim-optimization-block{padding:4px 6px;margin-bottom:8px}.anim-hero-card .anim-optimization-label{font-size:7px;margin-bottom:1px}.anim-hero-card .anim-target-profile{font-size:8px;line-height:1.2}.anim-hero-card .anim-performance-grid{gap:6px;margin-bottom:8px;padding:6px 0}.anim-hero-card .anim-perf-value{font-size:11px}.anim-hero-card .anim-perf-label{font-size:6px}.anim-hero-card .anim-parameters{margin-bottom:8px}.anim-hero-card .anim-param-row{padding:2px 0;font-size:8px}.anim-hero-card .anim-param-label{font-size:7px}.anim-hero-card .anim-param-value{font-size:7px;padding:1px 4px;border-radius:6px}.anim-hero-card .anim-voice-config{padding:4px;gap:4px}.anim-hero-card .anim-voice-icon{font-size:10px}.anim-hero-card .anim-voice-text{font-size:7px}@media (max-width:768px){.animation-section{padding:0}.animation-section-header h2{font-size:1.875rem}.animation-section-header p{font-size:1rem}.animation-section-wrapper{height:100vh}.anim-stagger-visualizer{transform:scale(.6);transform-origin:center center}.anim-agent-card,.anim-stagger-visualizer,.text-overlay-container{display:none!important}}