.hero-magnetic-snap{position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden;padding:5rem 1rem}.hero-orb{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;border-radius:50%;background:conic-gradient(from 0deg,rgba(16,91,213,.6),rgba(139,92,246,.5),rgba(236,72,153,.3),rgba(245,158,11,.4),rgba(16,185,129,.4),rgba(14,165,233,.5),rgba(16,91,213,.6));filter:blur(50px);opacity:.8;z-index:0;animation:heroOrbSpin 20s linear infinite,heroOrbBreathe 8s ease-in-out infinite;pointer-events:none}.hero-magnet-area{position:relative;z-index:10;width:100%;max-width:700px;height:380px;margin-top:1rem;animation:heroFadeUp .7s ease-out .4s both}.hero-mc{position:absolute;background:white;border:1px solid oklch(.87 .006 60);border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:10px;cursor:grab;user-select:none;transition:box-shadow .3s;width:240px;box-shadow:0 2px 12px rgba(0,0,0,.04)}.hero-mc:hover{box-shadow:0 8px 28px rgba(16,91,213,.1);border-color:oklch(.546 .245 262.881)}.hero-mc-snapped{cursor:default}.hero-mc-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;color:white;flex-shrink:0}.hero-mc-name{font-size:12px;font-weight:600;color:oklch(.278 .033 256.848)}.hero-mc-desc{font-size:9px;color:oklch(.5 .012 60);margin-top:1px}.hero-mc-step{font-family:JetBrains Mono,monospace;font-size:8px;color:oklch(.5 .012 60);background:oklch(.93 .006 60);padding:1px 6px;border-radius:4px;margin-top:2px;display:inline-block;opacity:0;transition:opacity .3s}.hero-mc-snapped .hero-mc-step{opacity:1}.hero-stack-target{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:260px;height:350px;border:2px dashed rgba(16,91,213,.15);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .4s;padding:8px;gap:4px;background:rgba(16,91,213,.01);overflow:hidden}.hero-snap-active{border-color:rgba(16,91,213,.25);background:rgba(16,91,213,.02)}.hero-snap-complete{border-style:solid;border-color:rgba(16,91,213,.3);box-shadow:0 8px 32px rgba(16,91,213,.06)}.hero-stack-label{position:absolute;top:-26px;left:50%;transform:translateX(-50%);font-family:JetBrains Mono,monospace;font-size:10px;color:oklch(.5 .012 60);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.hero-snap-cta{opacity:0;transform:translateY(8px);transition:all .4s;margin-top:.75rem;z-index:10;animation:heroFadeUp .7s ease-out .5s both}.hero-snap-cta-visible{opacity:1;transform:translateY(0)}.hero-snap-cta-btn{display:inline-block;font-family:JetBrains Mono,monospace;font-size:12px;padding:10px 28px;border-radius:10px;border:none;background:oklch(.546 .245 262.881);color:white;cursor:pointer;transition:all .3s;box-shadow:0 4px 16px rgba(16,91,213,.2);text-decoration:none}.hero-snap-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,91,213,.3)}.hero-snap-controls{display:flex;gap:8px;margin-top:.75rem;z-index:10;animation:heroFadeUp .7s ease-out .45s both;flex-wrap:wrap;justify-content:center}.hero-ctrl-btn{font-family:JetBrains Mono,monospace;font-size:10px;padding:5px 14px;border-radius:8px;border:1px solid oklch(.87 .006 60);background:white;color:oklch(.4 .012 60);cursor:pointer;transition:all .25s}.hero-ctrl-btn:hover{border-color:oklch(.546 .245 262.881);color:oklch(.546 .245 262.881)}.hero-ctrl-btn.active{background:oklch(.546 .245 262.881);color:white;border-color:oklch(.546 .245 262.881)}@keyframes heroOrbSpin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes heroOrbBreathe{0%,to{opacity:.5;width:500px;height:500px}50%{opacity:.7;width:600px;height:600px}}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes heroSnapPulse{0%{box-shadow:0 0 0 0 rgba(16,91,213,.2)}70%{box-shadow:0 0 0 12px rgba(16,91,213,0)}to{box-shadow:0 0 0 0 rgba(16,91,213,0)}}@media (max-width:900px){.hero-orb{width:400px;height:400px;filter:blur(70px)}.hero-magnet-area{height:320px;max-width:500px}.hero-mc{width:200px;padding:8px 12px;gap:8px;border-radius:10px}.hero-mc-icon{width:28px;height:28px;font-size:12px;border-radius:6px}.hero-mc-name{font-size:11px}.hero-mc-desc{font-size:8px}.hero-mc-step{font-size:7px;padding:1px 5px}.hero-stack-target{width:220px;height:270px;padding:6px;gap:3px}.hero-stack-label{font-size:9px}.hero-snap-controls{gap:6px}.hero-ctrl-btn{font-size:9px;padding:4px 10px}}@media (max-width:480px){.hero-orb{width:350px;height:350px;filter:blur(60px)}.hero-magnet-area{height:280px;max-width:100%;padding:0 .5rem}.hero-mc{width:160px;padding:6px 10px;gap:6px;border-radius:8px}.hero-mc-icon{width:24px;height:24px;font-size:11px;border-radius:5px}.hero-mc-name{font-size:10px}.hero-mc-desc{display:none}.hero-mc-step{font-size:7px;padding:1px 4px}.hero-stack-target{width:180px;height:240px;padding:5px;gap:3px;border-radius:12px}.hero-magnetic-snap{position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden;padding:2rem 1rem}.hero-stack-label{font-size:8px;top:-20px}.hero-snap-controls{gap:4px}.hero-ctrl-btn{font-size:8px;padding:4px 8px;border-radius:6px}.hero-snap-cta-btn{font-size:11px;padding:8px 20px}}