.flowstates-logo{display:inline-block}.logo-container{display:flex;align-items:center;gap:20px}.dynamic-shield{position:relative}.shield-base{width:100%;height:100%;clip-path:polygon(50% 0,85% 20%,85% 70%,50% 100%,15% 70%,15% 20%);opacity:.2}.hex-core,.shield-base{position:absolute;background:linear-gradient(135deg,#1d4ed8,#2563eb)}.hex-core{top:50%;left:50%;transform:translate(-50%,-50%);width:71.4%;height:62.5%;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);animation:rotate-hex 6s linear infinite}@keyframes rotate-hex{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.inner-shield{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42.8%;height:43.75%;background:white;clip-path:polygon(50% 0,100% 30%,100% 70%,50% 100%,0 70%,0 30%)}.logo-text{font-weight:700;color:#1a1a1a;display:flex;align-items:baseline;text-shadow:0 2px 4px rgba(0,0,0,.1)}.flow-text{color:#1d4ed8}.flowstates-logo.on-light .logo-text,.flowstates-logo.on-light .states-text,.states-text{color:#1a1a1a}.flowstates-logo.on-dark .logo-text{color:white;text-shadow:0 2px 4px rgba(0,0,0,.3)}.flowstates-logo.on-dark .states-text{color:white}.flowstates-logo-small .logo-text{letter-spacing:-.5px}.flowstates-logo-large .logo-text{letter-spacing:-1px}.flowstates-logo-small .logo-container{gap:12px}.flowstates-logo-large .logo-container{gap:24px}@media (prefers-color-scheme:dark){.logo-text,.states-text{color:white}.inner-shield{background:#1a1a1a}}@media (max-width:768px){.flowstates-logo-medium .logo-container{gap:16px}.flowstates-logo-large .logo-container{gap:20px}}