html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; background-color: #F6F7F5; color: #1B2530; }
h1, h2, h3, h4, .font-display { font-family: 'Space Grotesk', sans-serif; }

.hex {
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}

.hex-field {
  background-image: radial-gradient(circle at 1px 1px, rgba(127,203,209,0.18) 1px, transparent 1px);
  background-size: 26px 26px;
}

.accent-rule { width: 56px; height: 3px; }

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}

.fade-up { animation: fadeUp .8s ease-out both; }
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

.industry-card { border-top: 3px solid var(--card-accent, #1B8A96); }

a:focus-visible, button:focus-visible {
  outline: 2px solid #1B8A96;
  outline-offset: 2px;
}

#mobileMenu { transition: max-height .3s ease; overflow: hidden; }