/* ══ HERO TUG ANIMATED LOGO ══ */
        /* ── Hero TUG animated logo ── */
        #heroLogoCircle {
          display:flex !important;
          align-items:center !important;
          justify-content:center !important;
          overflow:hidden !important;
          width:220px !important; height:220px !important;
          background: rgba(255,255,255,0.92) !important;
          border: 2px solid rgba(255,255,255,0.9) !important;
          box-shadow: 0 20px 60px rgba(91,63,160,0.25), 0 4px 20px rgba(91,63,160,0.15), inset 0 2px 0 rgba(255,255,255,0.9) !important;
          border-radius: 50% !important;
        }
        .hero-tug-wrap {
          display:flex;
          align-items:stretch;
          height: 58px;
          width: 120px;
          filter: drop-shadow(0 1px 6px rgba(91,63,160,0.25));
          animation: heroTugOpen 2.8s cubic-bezier(0.16,1,0.3,1) 0.5s forwards;
        }
        @keyframes heroTugOpen {
          from { width: 120px; }
          to   { width: 194px; }
        }
        .hero-tug-t {
          flex-shrink:0; height:100%;
          aspect-ratio: 176.22 / 100;
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 176.22 100'%3E%3Cpolygon fill='%235b3fa0' points='31.14 0 0 0 0 21.91 31.14 21.91 31.14 100 53.05 100 53.05 21.91 84.19 21.91 84.19 0 53.05 0'/%3E%3Cpath fill='%235b3fa0' d='M176.22,21.91V0h-40.66V38.38h-14.93V0h-21.91V100h21.91V60.29h14.93v39.71h40.66v-21.91h-18.75V21.91h18.75Z'/%3E%3C/svg%3E");
          background-repeat:no-repeat; background-size:contain;
        }
        .hero-tug-u {
          flex:1 1 0; min-width:0; height:100%;
          background: linear-gradient(to bottom,#5b3fa0 0%,#5b3fa0 21.91%,transparent 21.91%,transparent 78.09%,#5b3fa0 78.09%,#5b3fa0 100%);
        }
        .hero-tug-g {
          flex-shrink:0; height:100%;
          aspect-ratio: 129.81 / 100;
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 129.81 100'%3E%3Cpolygon fill='%235b3fa0' points='129.81 0 129.81 21.91 87.72 21.91 87.72 100 65.8 100 65.8 0 129.81 0'/%3E%3Cpolygon fill='%235b3fa0' points='51.62 0 51.62 100 0 100 0 78.09 29.71 78.09 29.71 21.91 0 21.91 0 0 51.62 0'/%3E%3C/svg%3E");
          background-repeat:no-repeat; background-size:contain;
        }
        @media (max-width: 560px) {
          #heroLogoCircle { width:150px !important; height:150px !important; }
          .hero-tug-wrap { height:40px; }
          @keyframes heroTugOpen { from{width:84px} to{width:134px} }
        }
        @media (max-width: 900px) and (min-width: 561px) {
          #heroLogoCircle { width:180px !important; height:180px !important; }
          .hero-tug-wrap { height:50px; }
          @keyframes heroTugOpen { from{width:100px} to{width:162px} }
        }