/* Neutral modern tweaks without changing existing colors */
:root {
  --radius-sm: 10px;
  --radius-md: 14px;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.08);
  --shadow-md: 0 8px 24px rgba(0,0,0,0.16);
}

/* Smoother section rhythm */
.ftco-section { padding-top: 5rem; padding-bottom: 5rem; }

/* Buttons: keep colors, add radius and subtle shadow */
.btn { border-radius: var(--radius-sm); box-shadow: var(--shadow-sm); }
.btn:focus { outline: 2px solid rgba(0,0,0,0.15); outline-offset: 2px; }

/* Cards/Service boxes */
.services-1 { border-radius: var(--radius-md); transition: transform .2s ease, box-shadow .2s ease; }
.services-1:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }

/* Contact cards */
.contact-section .box { border-radius: var(--radius-md); box-shadow: var(--shadow-sm); }
.contact-form { border-radius: var(--radius-md); box-shadow: var(--shadow-md); }
.contact-form .form-control { border-radius: 12px; }

/* Progress bars */
.progress { border-radius: 999px; }
.progress .progress-bar { border-radius: 999px; }

/* Navbar subtle blur without color change */
.ftco_navbar { backdrop-filter: saturate(130%) blur(10px); -webkit-backdrop-filter: saturate(130%) blur(10px); }

/* Reduce motion for users who prefer it */
@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}

/* Micro-interactions */
.btn { transition: transform .15s ease, box-shadow .2s ease; }
.btn:hover { transform: translateY(-1px); box-shadow: var(--shadow-md); }

/* Fade-up on scroll utility (pairs with AOS) */
.ftco-animate { will-change: transform, opacity; }

/* Keyframes for subtle entrance you can apply via classes if needed */
@keyframes floatInUp { from { opacity: 0; transform: translate3d(0, 14px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }
.animate-float-in { animation: floatInUp .6s cubic-bezier(.22,.61,.36,1) both; }

/* Add gentle hover lift to contact boxes */
.contact-section .box { transition: transform .2s ease, box-shadow .2s ease; }
.contact-section .box:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }

/* Ensure ftco-animate elements are visible when using our custom entrance */
.ftco-animate.animate-float-in { opacity: 1 !important; visibility: visible !important; }