.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  backdrop-filter: blur(16px);
  background: linear-gradient(
    to bottom,
    rgba(2, 6, 23, 0.92),
    rgba(2, 6, 23, 0.7),
    transparent
  );
  border-bottom: 1px solid var(--color-border-subtle);
}

.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between; /* лого вляво, меню вдясно */
  height: 72px;
}

.logo {
  font-weight: 700;
  letter-spacing: -0.06em;
  font-size: 1.25rem;
}

.logo span {
  color: var(--color-accent);
}

/* Hero секция */
.section-hero {
  padding: 5rem 0 4rem;
}

.hero-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  gap: 3rem;
  align-items: center;
}

.hero-label {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--color-text-muted);
  margin-bottom: var(--space-sm);
}

.section-hero h1 {
  font-size: clamp(2.6rem, 4vw, 3.4rem);
  margin-bottom: var(--space-md);
}

.hero-subtitle {
  color: var(--color-text-muted);
  max-width: 520px;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  margin-top: var(--space-lg);
}

.hero-visual {
  min-height: 260px;
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-subtle);
  background: radial-gradient(circle at top, #1d4ed8 0, #020617 45%);
  box-shadow: var(--shadow-soft);
  position: relative;
  overflow: hidden;
}

/* Основни секции */
.section-services,
.section-portfolio,
.section-process,
.section-about,
.section-contact {
  padding: 4rem 0;
}

.section-services .container,
.section-portfolio .container,
.section-process .container,
.section-about .container,
.section-contact .container {
  border-top: 1px solid rgba(15, 23, 42, 0.7);
  padding-top: 3rem;
}

/* Responsive */
@media (max-width: 768px) {
  .header-inner {
    height: 64px;
  }

  .hero-inner {
    grid-template-columns: 1fr;
  }

  .hero-visual {
    order: -1;
  }
}