/* True Foundry — supplemental styles that extend Tailwind (CDN build) */

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
}

/* Soft decorative gradient blobs used behind hero / CTA graphics */
.tf-blob {
  position: absolute;
  border-radius: 9999px;
  filter: blur(60px);
  opacity: 0.55;
  pointer-events: none;
}

/* Subtle fade/rise-in animation for content blocks */
@keyframes tf-fade-up {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.tf-fade-up {
  animation: tf-fade-up 0.6s ease-out both;
}

.tf-delay-1 { animation-delay: 0.1s; }
.tf-delay-2 { animation-delay: 0.2s; }
.tf-delay-3 { animation-delay: 0.3s; }

/* Mobile menu transition */
#mobile-menu {
  transition: max-height 0.3s ease, opacity 0.3s ease;
}

/* Focus states for form fields (accessibility + polish) */
.tf-input:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(242, 107, 29, 0.25);
  border-color: #F26B1D;
}

/* Diagonal section divider */
.tf-diagonal {
  clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);
}