.brand {
  width: 222px;
  display: flex;
  align-items: center;
  overflow: visible;
}

.brand img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: scale(1.5);
  transform-origin: left center;
}

.footer-brand img {
  width: 250px;
  height: auto;
}

/*
 * Keep the fixed navigation stable above the continuously animated hero.
 * Live backdrop blur can flicker when the canvas underneath is repainted.
 */
.nav-wrap {
  isolation: isolate;
  transform: translateZ(0);
}

.premium-site .nav {
  background: rgba(245, 249, 249, 0.97) !important;
  border-color: rgba(255, 255, 255, 0.72);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

/* Connected Expertise: lightweight custom line icons. */
.premium-service {
  position: relative;
}

.premium-service::after,
.value-grid article::before {
  content: "";
  display: block;
  width: 48px;
  height: 48px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 27px;
  border: 1px solid rgba(11, 178, 165, 0.3);
  border-radius: 13px;
  background-color: rgba(11, 178, 165, 0.13);
  box-shadow: 0 8px 22px rgba(11, 139, 132, 0.1);
}

.premium-service::after {
  position: absolute;
  top: 24px;
  right: 24px;
}

.premium-service:nth-child(1)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230aa99d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19V9m0 10h16'/%3E%3Cpath d='m7 15 4-4 3 2 5-6'/%3E%3Cpath d='M16 7h3v3'/%3E%3C/svg%3E");
}

.premium-service:nth-child(2)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230aa99d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.2 2.5 3.3 5.5 3.3 9S14.2 18.5 12 21M12 3c-2.2 2.5-3.3 5.5-3.3 9S9.8 18.5 12 21'/%3E%3C/svg%3E");
}

.premium-service:nth-child(3)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230aa99d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 18a4 4 0 0 1-.4-8A6 6 0 0 1 18 8.5 4.5 4.5 0 0 1 17.5 18H7Z'/%3E%3Cpath d='m10 14 2-2 2 2M12 12v7'/%3E%3C/svg%3E");
}

.premium-service:nth-child(4)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230aa99d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 13 11-5v8L4 13Z'/%3E%3Cpath d='M15 10.5c2 0 3.5-1.5 3.5-3.5M15 13.5c2 0 3.5 1.5 3.5 3.5M6 14l1.5 5h3L9 14.5'/%3E%3C/svg%3E");
}

.premium-service:nth-child(5)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230aa99d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3.5 19c.4-3.3 2.2-5 5.5-5s5.1 1.7 5.5 5'/%3E%3Ccircle cx='17' cy='9' r='2.3'/%3E%3Cpath d='M15.5 14.5c3.1-.6 5 .9 5.3 3.5'/%3E%3C/svg%3E");
}

/* About-page differentiators use the same icon family. */
.value-grid article::before {
  margin-bottom: 22px;
}

.value-grid article:nth-child(1)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230aa99d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m15.5 8.5-2 5-5 2 2-5 5-2Z'/%3E%3C/svg%3E");
}

.value-grid article:nth-child(2)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230aa99d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.2 2.5 3.3 5.5 3.3 9S14.2 18.5 12 21M12 3c-2.2 2.5-3.3 5.5-3.3 9S9.8 18.5 12 21'/%3E%3C/svg%3E");
}

.value-grid article:nth-child(3)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230aa99d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h10M18 7h2M4 17h2M10 17h10M9 4v6M15 14v6'/%3E%3C/svg%3E");
}

.value-grid article:nth-child(4)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230aa99d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8.5 12.5 2 2a2 2 0 0 0 3 0l3.5-3.5'/%3E%3Cpath d='m3 9 4-4 4 2-5.5 5.5L3 9Zm18 0-4-4-4 2 5.5 5.5L21 9Z'/%3E%3Cpath d='m7 14 3 3a3 3 0 0 0 4 0l3-3'/%3E%3C/svg%3E");
}

@media (max-width: 640px) {
  .brand { width: 184px; }
  .brand img { transform: scale(1.42); transform-origin: left center; }
}
