/*
================================
--- DECELL ADS FIRM STYLES ---
================================

*   **Vibrant Gradients:** Key interactive elements now feature a 
    purple-to-pink gradient, adding energy and drawing user attention.

*   **Deep Shadows:** Cards and buttons have multi-layered drop shadows,
    creating a "lifted" 3D effect that makes the interface feel more tangible.

*   **Subtle Texture:** A fine noise texture has been added to the main 
    background, giving the site a premium, tactile feel.

*   **Custom Icons:** Unique SVG icons have been added to core service 
    offerings to improve visual communication and add a bespoke touch.

*/

/* --- Base & Typography --- */
body {
    background-color: #020617; /* Deep Obsidian */
    color: #FFFFFF;
    font-family: 'Inter', sans-serif;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    /* Add subtle noise texture for a premium feel */
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkE0OTlGNTU4NDg2MTFFOUE4NTJFRTMwRjczNzRENzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkE0OTlGNTY4NDg2MTFFOUE4NTJFRTMwRjczNzRENzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2QTQ5OUY1Mzg0ODYxMUU5QTg1MkVFMzBGNzM3NEQ3MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QTQ5OUY1NDg0ODYxMUU5QTg1MkVFMzBGNzM3NEQ3MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps97f+cAAAA5SURBVHja7N0xEQAgDACAIP+fZkRJIaQp7g7s7tm53AIECEAAAhCAAAQgAAEIQAACEIAABCAAAQhAgDgBfAswAN3gBUa4kL+cAAAAAElFTkSuQmCC');
}

h1, h2, h3, .font-display {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 800;
    letter-spacing: -0.05em;
}

.icon {
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: 1rem;
    color: #a855f7; /* Purple */
}

/* --- Navigation --- */
.header-sticky { 
    @apply fixed w-full top-0 z-50 transition-all duration-300; 
}

.header-sticky.header-scrolled { 
    background-color: rgba(2, 6, 23, 0.8);
    backdrop-filter: blur(12px); 
    -webkit-backdrop-filter: blur(12px); 
    border-bottom-width: 1px; 
    border-color: #1e293b; 
}

.logo-placeholder {
    @apply font-black text-3xl tracking-tighter;
}

.nav-link { 
    @apply text-gray-300 hover:text-white transition-colors duration-200; 
}
.nav-link.active { 
    @apply text-white font-semibold; 
}

/* --- Buttons & Gradients --- */
.btn-primary {
    background-image: linear-gradient(to right, #a855f7, #ec4899);
    @apply text-white font-bold py-3 px-8 rounded-full transition-all duration-300 transform hover:scale-105 focus:outline-none;
    box-shadow: 0 10px 20px -10px rgba(236, 72, 153, 0.4), 0 4px 6px -2px rgba(168, 85, 247, 0.3);
}
.btn-primary:hover {
    box-shadow: 0 10px 20px -5px rgba(236, 72, 153, 0.5), 0 4px 6px -2px rgba(168, 85, 247, 0.4);
}

.gradient-text {
    background: -webkit-linear-gradient(#a855f7, #ec4899);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* --- Hero Section --- */
.hero-banner {
    /* Placeholder for banner.png */
    background: linear-gradient(rgba(2, 6, 23, 0.7), rgba(2, 6, 23, 1)), url('banner.png'), #020617;
    background-size: cover;
    background-position: center;
}

/* --- Cards --- */
.enhanced-card {
    background-color: #0f172a;
    border: 1px solid #1e293b;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.enhanced-card:hover {
    transform: translateY(-8px);
    border-color: #a855f7;
    box-shadow: 0 20px 25px -5px rgba(168, 85, 247, 0.2), 0 10px 10px -5px rgba(168, 85, 247, 0.1);
}

/* --- Forms --- */
.form-input {
    @apply w-full bg-slate-800 border-2 border-slate-700 rounded-lg p-4 text-white placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent transition-all duration-200;
}

/* --- Animations --- */
.gsap-reveal {
    opacity: 0;
    transform: translateY(30px);
}