/* Corporate Variable Sets & Custom Bootstrap Enhancements */
:root {
    --primary-slate: #0b1523;
    --accent-teal: #0d9488;
    --accent-glow: #ccfbf1;
}

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

/* Custom Thematic Color Extenders */
.text-teal { color: var(--accent-teal) !important; }
.border-teal { border-color: var(--accent-teal) !important; }
.bg-teal-light { background-color: #f0fdfa !important; }
.bg-teal-sub { background-color: rgba(13, 148, 136, 0.15) !important; }
.border-teal-soft { border-color: rgba(13, 148, 136, 0.3) !important; }
.bg-white-translucent { background-color: rgba(255, 255, 255, 0.08) !important; }

/* Global Utilities */
.tracking-tight { letter-spacing: -0.5px; }
.tracking-wider { letter-spacing: 1.5px; }
.fw-extrabold { font-weight: 800; }
.fw-black { font-weight: 900; }
.max-w-xl { max-width: 650px; }
.max-w-2xl { max-width: 750px; }

/* Custom Component Structural Overrides */
.top-bar {
    background-color: #050b12 !important;
    font-size: 0.82rem;
}

.hero {
    background: linear-gradient(135deg, rgba(11, 21, 35, 0.97) 40%, rgba(11, 21, 35, 0.88) 100%), url('https://images.unsplash.com/photo-1450133064473-71024230f91b?auto=format&fit=crop&w=1600&q=80') no-repeat center center/cover;
    min-height: 520px;
}
.text-secondary-drop {
    color: #94a3b8 !important;
}

.accent-line {
    width: 45px;
    height: 4px;
    background-color: var(--accent-teal);
    border-radius: 2px;
}

/* Formatted Functional Buttons */
.btn-teal {
    background-color: var(--accent-teal);
    color: #ffffff;
    border: 1px solid var(--accent-teal);
}
.btn-teal:hover {
    background-color: #0f766e;
    color: #ffffff;
    transform: translateY(-1px);
}

.btn-whatsapp {
    background-color: #25d366;
    border-color: #25d366;
}
.btn-whatsapp:hover {
    background-color: #20ba5a;
    border-color: #20ba5a;
    transform: translateY(-1px);
}

/* Interactive Stack Cards Core Layout */
.matrix-card {
    cursor: pointer;
    transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}
.matrix-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.06) !important;
    border-color: var(--accent-teal) !important;
    background-color: #ffffff !important;
}

.payload-box {
    background-color: #fffbeb !important;
    border: 1px solid #fef3c7 !important;
    color: #b45309 !important;
    font-size: 0.92rem !important;
    font-weight: 600;
}

/* Fixed Interface Elements */
.whatsapp-floating {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background-color: #25d366;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    z-index: 1050;
    transition: all 0.25s ease;
    text-decoration: none;
}
.whatsapp-floating:hover {
    transform: scale(1.08) translateY(-2px);
    background-color: #20ba5a;
}

.hover-opacity:hover {
    opacity: 0.85;
}

/* Micro Animation Utilities */
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.015); }
.animate-fade {
    animation: fadeIn 0.3s ease-in-out;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}