:root{--logo-stop-1: #475569;--logo-stop-2: #1e293b;--logo-draft: #3b82f6;--logo-dot: #60a5fa}:root.dark{--logo-stop-1: #ffffff;--logo-stop-2: #cbd5e1}@keyframes snapPop{0%{opacity:0;transform:scale(0) rotate(-45deg)}50%{opacity:1;transform:scale(1.2) rotate(0)}to{opacity:.5;transform:scale(1) rotate(0)}}@keyframes drawDraft{0%{stroke-dashoffset:300}to{stroke-dashoffset:0}}@keyframes solidifyStroke{0%{stroke:var(--logo-draft);stroke-width:1.5;opacity:.8}to{stroke:var(--logo-stop-1);stroke-width:0;opacity:0}}@keyframes fillReveal{0%{opacity:0}to{opacity:1}}@keyframes componentDrop{0%{opacity:0;transform:translateY(-20px)}60%{opacity:1;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes guidesFade{to{opacity:0}}.snap-point{transform-box:fill-box;transform-origin:center;opacity:0;animation:snapPop .5s cubic-bezier(.175,.885,.32,1.275) forwards}.draft-line{fill:none;stroke:var(--logo-draft);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:300;stroke-dashoffset:300;animation:drawDraft 1s cubic-bezier(.4,0,.2,1) forwards,solidifyStroke .5s ease-out 1.2s forwards}.solid-shape{opacity:0;fill:currentColor;animation:fillReveal .8s ease-out forwards;animation-delay:1.2s}.tech-dot{opacity:0;fill:currentColor;animation:componentDrop .6s cubic-bezier(.34,1.56,.64,1) forwards}.guides-container{animation:guidesFade .5s ease-out 1.5s forwards}.delay-0{animation-delay:.1s}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.3s}.draft-delay-0{animation-delay:.4s}.draft-delay-1{animation-delay:.5s}.draft-delay-2{animation-delay:.6s}.dot-delay-1{animation-delay:1.3s}.dot-delay-2{animation-delay:1.4s}.dot-delay-3{animation-delay:1.5s}.logo-svg:hover .solid-shape{opacity:.9;transition:opacity .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .5s ease-out forwards}.animate-fade-in-down{animation:fadeInDown .5s ease-out forwards}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}:host{display:inline-block}.loader-container{display:flex;flex-direction:column;align-items:center;color:#475569}.dark .loader-container{color:#94a3b8}@keyframes activateWave{0%{color:inherit;transform:scaleY(1);filter:none}15%{color:#60a5fa;transform:scaleY(1.1);filter:drop-shadow(0 0 2px #60a5fa)}30%{color:inherit;transform:scaleY(1);filter:none}to{color:inherit;transform:scaleY(1);filter:none}}@keyframes dotJump{0%{transform:translateY(0)}15%{transform:translateY(-10px);fill:#3b82f6}30%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes pulseA{0%{transform:scale(1)}15%{transform:scale(1.1);stroke:#3b82f6}30%{transform:scale(1)}to{transform:scale(1)}}.letter-group{transform-origin:bottom center;animation:activateWave 1.6s ease-in-out infinite}.dot-anim{animation:dotJump 1.6s ease-in-out infinite}.a-shape,.a-bar{transform-origin:center;transform-box:fill-box;animation:pulseA 1.6s ease-in-out infinite}.delay-0,.delay-0 .dot-anim{animation-delay:0s}.delay-1,.delay-1 .dot-anim{animation-delay:.1s}.delay-2,.delay-2 .dot-anim{animation-delay:.2s}.delay-3,.delay-3 .a-shape,.delay-3 .a-bar{animation-delay:.3s}.delay-4,.delay-4 .dot-anim{animation-delay:.4s}