@keyframes pulse-fab-shadow {
     0% {
         box-shadow: 0 0 0 0 rgba(13, 74, 58, 0.6);
     }

     70% {
         box-shadow: 0 0 0 20px rgba(13, 74, 58, 0);
     }

     100% {
         box-shadow: 0 0 0 0 rgba(13, 74, 58, 0);
     }
 }

 @keyframes pulse-icon-3d {
     0% {
         transform: perspective(400px) rotateX(0deg) rotateY(0deg) scale(1) translateY(0);
         text-shadow: 1px 1px 0 #052219, 2px 2px 0 #052219, 3px 3px 2px rgba(0, 0, 0, 0.3);
     }

     50% {
         transform: perspective(400px) rotateX(15deg) rotateY(-15deg) scale(1.2) translateY(-3px) translateZ(10px);
         text-shadow: 1px 1px 0 #052219, 2px 2px 0 #052219, 3px 3px 0 #052219, 4px 4px 0 #052219, 6px 6px 8px rgba(0, 0, 0, 0.4);
     }

     100% {
         transform: perspective(400px) rotateX(0deg) rotateY(0deg) scale(1) translateY(0);
         text-shadow: 1px 1px 0 #052219, 2px 2px 0 #052219, 3px 3px 2px rgba(0, 0, 0, 0.3);
     }
 }

 .hectrage-fab {
     position: fixed !important;
     bottom: 32px !important;
     right: 32px !important;
     z-index: 999999 !important;
     display: flex !important;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     width: 64px;
     height: 64px;
     background: var(--color-primary, #0d4a3a) !important;
     color: #fff !important;
     border-radius: 50%;
     box-shadow: 0 6px 24px rgba(13, 74, 58, 0.35);
     text-decoration: none !important;
     transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
     animation: pulse-fab-shadow 2.5s infinite;
     visibility: visible !important;
     opacity: 1 !important;
 }

 .hectrage-fab:hover {
     animation: none;
     transform: scale(1.12);
     box-shadow: 0 12px 36px rgba(13, 74, 58, 0.45);
     color: #fff !important;
 }

 .hectrage-fab .fa-ruler-combined {
     animation: pulse-icon-3d 2.5s infinite ease-in-out;
 }

 .hectrage-fab .fab-tooltip {
     position: absolute;
     bottom: 72px;
     left: 50%;
     transform: translateX(-50%) translateY(6px);
     background: rgba(0, 0, 0, 0.75);
     color: #fff;
     font-size: 0.75rem;
     font-weight: 600;
     letter-spacing: 0.5px;
     white-space: nowrap;
     padding: 5px 12px;
     border-radius: 4px;
     pointer-events: none;
     opacity: 0;
     transition: opacity 0.2s ease, transform 0.2s ease;
 }

 .hectrage-fab:hover .fab-tooltip {
     opacity: 1;
     transform: translateX(-50%) translateY(0);
 }