/* Basic custom styles and parallax helpers */
:root{
--accent: #f59e0b; /* amber-500 */
}


/* Ensure hero fills viewport and slideshow layers stack */
.hero-root{ position: relative; height: 100vh; overflow: hidden; }
.slideshow-layer{ position: absolute; inset: 0; background-size: cover; background-position: center; will-change: transform, opacity; }
.slideshow-overlay{ position:absolute; inset:0; background: linear-gradient(180deg, rgba(7,16,33,0.55), rgba(7,16,33,0.6)); }


/* Assistant bubble */
.assistant-bubble{ backdrop-filter: blur(6px); background: rgba(255,255,255,0.03); }


/* Simple responsive tweaks */
@media (max-width:768px){
.hero-title{ font-size: 1.8rem; }
}