/**
 * Skylark Marketing Site
 */
body { font-family: var(--sk-font) !important; }

.main-header { box-shadow: 0 4px 30px rgba(10, 37, 64, 0.08); }

.header-upper {
  background: rgba(255, 255, 255, 0.97) !important;
  backdrop-filter: blur(12px);
}

.main-menu .navigation > li > a {
  font-weight: 600 !important;
  color: var(--sk-text) !important;
  transition: color var(--sk-transition);
}

.main-menu .navigation > li > a:hover { color: var(--sk-accent) !important; }

.theme-btn, .btn-style-one, .thm-btn {
  background: var(--sk-gradient) !important;
  border: none !important;
  border-radius: var(--sk-radius-sm) !important;
  font-weight: 700 !important;
  font-family: var(--sk-font) !important;
  box-shadow: 0 4px 20px rgba(37, 99, 235, 0.3) !important;
  transition: transform var(--sk-transition), box-shadow var(--sk-transition) !important;
}

.theme-btn:hover, .btn-style-one:hover, .thm-btn:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 30px rgba(37, 99, 235, 0.4) !important;
}

.sec-title h2, .section-title h2 {
  font-weight: 800 !important;
  color: var(--sk-primary) !important;
  letter-spacing: -0.02em;
  font-family: var(--sk-font) !important;
}

.service-block, .feature-block, .services-block-two .inner-box {
  border-radius: var(--sk-radius) !important;
  transition: transform var(--sk-transition), box-shadow var(--sk-transition) !important;
}

.service-block:hover, .feature-block:hover {
  transform: translateY(-6px);
  box-shadow: var(--sk-shadow-lg) !important;
}

.main-footer { background: var(--sk-primary) !important; }

.sk-marketing-reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.sk-marketing-reveal.sk-visible { opacity: 1; transform: translateY(0); }

.pull-left.logo-box .logo img { max-height: 52px; }

.preloader { background: var(--sk-gradient) !important; }