/* HEADER 1 - DARK PREMIUM */
.header-1 { position: absolute; top: 0; left: 0; right: 0; z-index: 100; }
.header-1 .top-bar { display: flex; justify-content: space-between; align-items: center; padding: 12px 5%; border-bottom: 1px solid rgba(255,255,255,0.1); font-size: 0.85rem; }
.header-1 .top-info { display: flex; gap: 24px; }
.header-1 .top-info a { display: flex; align-items: center; gap: 8px; color: var(--gray-500); text-decoration: none; transition: color 0.3s; }
.header-1 .top-info a:hover { color: var(--accent); }
.header-1 .top-info svg { width: 16px; height: 16px; }
.header-1 .top-social { display: flex; gap: 12px; }
.header-1 .top-social a { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.05); border-radius: 50%; color: var(--gray-500); transition: all 0.3s; }
.header-1 .top-social a:hover { background: var(--accent); color: var(--black); }
.header-1 .top-social svg { width: 14px; height: 14px; }
.header-1 .main-bar { display: flex; justify-content: space-between; align-items: center; padding: 20px 5%; }
.header-1 .logo { font-family: var(--font-display); font-size: 1.75rem; font-weight: 700; color: var(--white); text-decoration: none; }
.header-1 .logo span { color: var(--accent); }
.header-1 nav { display: flex; gap: 36px; }
.header-1 nav a { color: var(--white); text-decoration: none; font-size: 0.95rem; font-weight: 500; position: relative; transition: color 0.3s; }
.header-1 nav a::after { content: ''; position: absolute; bottom: -6px; left: 0; width: 0; height: 2px; background: var(--accent); transition: width 0.3s; }
.header-1 nav a:hover { color: var(--accent); }
.header-1 nav a:hover::after { width: 100%; }
.header-1 .cta-group { display: flex; align-items: center; gap: 20px; }
.header-1 .btn-phone { display: flex; align-items: center; gap: 8px; color: var(--white); text-decoration: none; font-weight: 600; transition: color 0.3s; }
.header-1 .btn-phone:hover { color: var(--accent); }
.header-1 .btn-phone svg { width: 18px; height: 18px; }
.header-1 .btn-cta { padding: 12px 28px; background: var(--accent); color: var(--black); font-size: 0.9rem; font-weight: 700; text-decoration: none; transition: all 0.3s; }
.header-1 .btn-cta:hover { background: var(--white); }
.header-1 .menu-btn { display: none; background: none; border: none; cursor: pointer; padding: 8px; }
.header-1 .menu-btn span { display: block; width: 24px; height: 2px; background: var(--white); margin: 5px 0; transition: 0.3s; }
@media (max-width: 1024px) { .header-1 nav { display: none; } .header-1 .menu-btn { display: block; } .header-1 .top-bar { display: none; } }
@media (max-width: 640px) { .header-1 .btn-phone { display: none; } }