.ect-brand {
  --ect-wordmark: #132d3a;
  --ect-accent: #0795d2;
  display: inline-flex;
  align-items: center;
  gap: 11px;
  color: var(--ect-wordmark);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.035em;
  text-decoration: none;
}

.ect-brand--on-dark {
  --ect-wordmark: #fff;
  --ect-accent: #55d8ff;
}

.ect-brand-symbol {
  position: relative;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 13px;
  background: linear-gradient(145deg, #0aa4e2, #066d9d);
  box-shadow: 0 9px 26px rgba(7,149,210,.28);
}

.ect-brand-symbol::before {
  content: "";
  position: absolute;
  inset: 8px 12px 7px 13px;
  background: #fff;
  clip-path: polygon(48% 0, 100% 0, 68% 39%, 94% 39%, 28% 100%, 43% 55%, 12% 55%);
}

.ect-brand-name {
  color: var(--ect-wordmark);
  font-size: 1.14rem;
  white-space: nowrap;
}

.ect-brand-name > span { color: var(--ect-accent); }

@media (max-width: 620px) {
  .ect-brand-symbol {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
    border-radius: 12px;
  }

  .ect-brand-name { font-size: 1.03rem; }
}