/* SkyLambda — style.css */

:root {
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --sky: #29B6F6;
    --sky-dark: #0288D1;
    --accent: #0066FF;
    --accent-dark: #0052CC;
    --accent-light: #E6F2FF;
    --navy: #0D1B3E;
    --navy-light: #152347;
    --text-dark: #1A1A1A;
    --text: #555555;
    --text-light: #999999;
    --bg: #FFFFFF;
    --bg-alt: #F5F7FA;
    --border: #E4E8EE;
}

html {
    font-family: var(--font-body);
    -webkit-font-smoothing: antialiased;
    scroll-behavior: smooth;
}
body { background: var(--bg); color: var(--text-dark); overflow-x: hidden; }

h1, h2, h3, h4, h5, h6 { font-weight: 800; letter-spacing: -0.3px; line-height: 1.2; }

::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: var(--bg-alt); }
::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 2px; }

/* Utility bar */
.utility-bar { background: var(--sky); color: #fff; font-size: 12px; }
@media (max-width: 639px) { .utility-bar { font-size: 11px; } }

/* Nav */
.main-nav { background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.06); transition: box-shadow 0.3s; }
.main-nav.nav-scrolled { box-shadow: 0 2px 16px rgba(0,0,0,0.1); }

.nav-link { position: relative; }
.nav-link::after {
    content: ''; position: absolute; bottom: -4px; left: 0;
    width: 0; height: 2px; background: var(--accent);
    transition: width 0.3s ease;
}
.nav-link:hover::after { width: 100%; }

/* Reveals */
.reveal {
    opacity: 0; transform: translateY(28px);
    transition: opacity 0.7s cubic-bezier(0.16,1,0.3,1), transform 0.7s cubic-bezier(0.16,1,0.3,1);
}
.reveal.visible { opacity: 1; transform: translateY(0); }

.reveal-left {
    opacity: 0; transform: translateX(-35px);
    transition: opacity 0.7s cubic-bezier(0.16,1,0.3,1), transform 0.7s cubic-bezier(0.16,1,0.3,1);
}
.reveal-left.visible { opacity: 1; transform: translateX(0); }

.reveal-right {
    opacity: 0; transform: translateX(35px);
    transition: opacity 0.7s cubic-bezier(0.16,1,0.3,1), transform 0.7s cubic-bezier(0.16,1,0.3,1);
}
.reveal-right.visible { opacity: 1; transform: translateX(0); }

.reveal-scale {
    opacity: 0; transform: scale(0.95);
    transition: opacity 0.7s cubic-bezier(0.16,1,0.3,1), transform 0.7s cubic-bezier(0.16,1,0.3,1);
}
.reveal-scale.visible { opacity: 1; transform: scale(1); }

.delay-1 { transition-delay: 0.1s; }
.delay-2 { transition-delay: 0.2s; }
.delay-3 { transition-delay: 0.3s; }
.delay-4 { transition-delay: 0.4s; }
.delay-5 { transition-delay: 0.5s; }

.img-zoom { overflow: hidden; }
.img-zoom img { transition: transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94); }
.img-zoom:hover img { transform: scale(1.05); }

.btn-press:active { transform: scale(0.97); }

/* Dark footer */
.site-footer { background: #111827; color: #ccc; }
.site-footer a { color: #ccc; transition: color 0.3s; }
.site-footer a:hover { color: var(--sky); }

/* Mobile menu */
.mobile-menu-open { transform: translateX(0) !important; }