/* ============================================
   Header — DX専用
   #0066FF → #00D4FF グラデベース
   ============================================ */

.header::before {
    background: linear-gradient(135deg, #0066FF 0%, #00D4FF 100%) !important;
    box-shadow: 0 1px 0 rgba(0, 212, 255, 0.2), 0 4px 20px rgba(0, 102, 255, 0.15) !important;
}
.header::after {
    background: linear-gradient(90deg, transparent, rgba(0, 212, 255, 0.3), rgba(255, 255, 255, 0.15), transparent) !important;
}
.header.scrolled::before {
    background: linear-gradient(135deg, #0052CC 0%, #00B8E6 100%) !important;
    box-shadow: 0 1px 0 rgba(0, 212, 255, 0.15), 0 8px 32px rgba(0, 0, 0, 0.2) !important;
}

.nav-link-cta {
    background: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(8px) !important;
}
.nav-link-cta::before { display: none !important; }
.nav-link-cta:hover {
    background: rgba(255, 255, 255, 0.3) !important;
    border-color: #fff !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}
.header.scrolled .nav-link-cta {
    background: linear-gradient(135deg, #0066FF, #00D4FF) !important;
    border-color: transparent !important;
    color: #fff !important;
}
.header.scrolled .nav-link-cta:hover {
    box-shadow: 0 8px 24px rgba(0, 102, 255, 0.3) !important;
}