/* Custom Fonts */


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

/* Background Patterns */
.bg-grid-pattern {
    background-image: radial-gradient(circle at 2px 2px, rgba(255, 255, 255, 0.05) 1px, transparent 0);
    background-size: 40px 40px;
}

/* Form Elements */
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background: #06b6d4;
    cursor: pointer;
    box-shadow: 0 0 15px rgba(6, 182, 212, 0.6);
    border: 2px solid white;
}

/* Animations & Interactions */
#mobile-overlay.active {
    transform: translateX(0);
}

.calculator-container {
    min-height: 200px;
}

.industry-card:hover .industry-icon {
    transform: scale(1.1) rotate(5deg);
}

/* Accessibility Utilities */
.skip-link {
    position: absolute;
    top: -100px;
    left: 0;
    background: #06b6d4;
    color: #020617;
    padding: 1rem 2rem;
    z-index: 9999;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    transition: top 0.3s;
}

.skip-link:focus {
    top: 0;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/* Focus Indicators */
:focus-visible {
    outline: 3px solid #06b6d4;
    outline-offset: 4px;
}

.bg-slate-950 :focus-visible {
    outline-color: #06b6d4;
}

/* Global Aesthetic Locks */
nav,
header.fixed,
#mobile-overlay nav {
    color: white !important;
}

footer,
footer address,
footer ul,
footer p {
    color: white !important;
}

footer h4,
footer h5 {
    color: var(--color-cyan-400) !important;
}

/* Social Media Icons Lock */
footer .lucide,
footer [data-lucide] {
    color: white !important;
}

/* Performance Optimizations */
.framework-section {
    content-visibility: auto;
    contain-intrinsic-size: 0 340px;
}

.framework-card {
    will-change: opacity, transform;
}