.hero{padding:6rem 0;position:relative;overflow:hidden}.hero-container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.badge{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.badge-dot{background-color:var(--secondary-accent);width:8px;height:8px;box-shadow:0 0 10px var(--secondary-accent);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #3b82f6b3}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}.hero-title{letter-spacing:-.04em;margin-bottom:1.5rem;font-size:4.5rem;font-weight:900}.hero-subtitle{max-width:500px;margin-bottom:2.5rem;font-size:1.25rem}.hero-actions{gap:1rem;display:flex}.btn{cursor:pointer;transition:var(--transition-smooth);border-radius:8px;justify-content:center;align-items:center;padding:1rem 2rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary-accent);color:#fff;box-shadow:var(--glow-effect)}.btn-primary:hover{background:#7c3aed;transform:translateY(-2px);box-shadow:0 0 25px #6d28d9b3}.btn-secondary{padding:1rem 2rem}.btn-secondary:hover{background:#ffffff0d;transform:translateY(-2px)}.hero-visual{height:400px;position:relative}.glow-sphere{background:radial-gradient(circle,var(--primary-accent)0%,transparent 70%);filter:blur(40px);opacity:.5;width:300px;height:300px;animation:6s ease-in-out infinite float;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.glass-card{background:var(--surface-color);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--surface-border);border-radius:12px;padding:1.5rem;transition:transform .3s;position:absolute}.visual-card-1{width:200px;animation:5s ease-in-out 1s infinite float;top:10%;right:10%}.visual-card-2{width:180px;animation:7s ease-in-out .5s infinite float;bottom:15%;left:10%}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.progress-bar{background:#ffffff1a;border-radius:3px;height:6px;margin-top:.5rem;overflow:hidden}.fill{background:var(--secondary-accent);height:100%}.status-indicator{color:#10b981;align-items:center;gap:.5rem;margin-top:.5rem;font-weight:600;display:flex}.status-indicator:before{content:"";background:#10b981;border-radius:50%;width:8px;height:8px;display:block;box-shadow:0 0 8px #10b981}@media (max-width:992px){.hero-container{text-align:center;grid-template-columns:1fr}.hero-subtitle{margin:0 auto 2.5rem}.hero-actions{justify-content:center}.hero-visual{margin-top:3rem}}@media (max-width:768px){.hero-title{font-size:3rem}}
.worker-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.office-svg{width:100%;max-width:600px;height:auto;overflow:visible}.person-anim{transform-origin:265px 380px;animation:15s ease-in-out infinite personSit}@keyframes personSit{0%,45%{transform:translateY(0)}55%,85%{transform:translateY(70px)}95%,to{transform:translateY(0)}}.legs-anim{transform-origin:265px 380px;animation:15s ease-in-out infinite legsBend}@keyframes legsBend{0%,15%{transform:scaleY(1)}18%,21%{transform:scaleY(.7)translateY(-30px)}24%,45%{transform:scaleY(1)}55%,85%{transform:scaleY(.4)rotate(-10deg)}95%,to{transform:scaleY(1)}}.torso-anim{transform-origin:265px 380px;animation:15s ease-in-out infinite torsoDance}@keyframes torsoDance{0%,15%{transform:rotate(0)}17%{transform:translateY(-30px)rotate(-10deg)}19%{transform:translateY(-80px)rotate(180deg)}22%{transform:translateY(-10px)rotate(370deg)}24%{transform:translateY(0)rotate(360deg)}25%,to{transform:rotate(360deg)}}.head-anim{transform-origin:265px 170px;animation:15s ease-in-out infinite headBob}@keyframes headBob{0%,14%{transform:rotate(0)}18%,22%{transform:rotate(15deg)}25%{transform:rotate(0)}30%,35%{transform:rotate(-5deg)}40%,to{transform:rotate(0)}}.arm-l-anim{transform-origin:230px 250px;animation:15s ease-in-out infinite armLeftAction}.arm-r-anim{transform-origin:290px 250px;animation:15s ease-in-out infinite armRightAction}@keyframes armLeftAction{0%,14%{transform:rotate(5deg)scaleY(1.05)}1%,3%,5%,7%,9%,11%,13%{transform:rotate(-2deg)scaleY(.95)}17%{transform:rotate(20deg)}20%{transform:rotate(-150deg)}24%{transform:rotate(0)}27%,33%{transform:rotate(0)}38%,43%{transform:rotate(40deg)}45%,55%{transform:rotate(10deg)}65%,85%{transform:rotate(5deg)}66%,68%,70%,72%,74%,76%,78%,80%,82%,84%{transform:rotate(-2deg)}to{transform:rotate(0)}}@keyframes armRightAction{0%,14%{transform:rotate(-5deg)scaleY(.95)}2%,4%,6%,8%,10%,12%{transform:rotate(2deg)scaleY(1.05)}17%{transform:rotate(-20deg)}20%{transform:rotate(-160deg)scaleX(-1)}24%{transform:rotate(0)}27%,33%{transform:rotate(-40deg)scaleX(1.2)}45%,55%{transform:rotate(0)}65%,85%{transform:rotate(-5deg)}67%,69%,71%,73%,75%,77%,79%,81%,83%{transform:rotate(2deg)}to{transform:rotate(0)}}.desk-anim{animation:15s ease-in-out infinite deskLower}@keyframes deskLower{0%,40%{transform:translateY(0)}45%,85%{transform:translateY(50px)}95%,to{transform:translateY(0)}}.monitor-anim{transform-origin:520px 290px;animation:15s ease-in-out infinite monitorTilt}@keyframes monitorTilt{0%,26%{transform:rotate(0)}28%,32%{transform:rotate(10deg)scale(1.05)}34%,to{transform:rotate(0)}}.desk-button{animation:15s infinite buttonPress}@keyframes buttonPress{0%,37%{fill:#ef4444}38%,42%{fill:#10b981;filter:drop-shadow(0 0 5px #10b981)}43%,to{fill:#ef4444}}.code-line{animation:2s ease-in-out infinite opacityPulse}@keyframes opacityPulse{0%,to{opacity:.3}50%{opacity:1}}.bg-glow{animation:8s ease-in-out infinite slowPulse}@keyframes slowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}